Друзья! Подскажите пожалуйста, как правильно мигрировать с одной версии React Native на новую?

https://react-native-community.github.io/upgrade-helper/

https://react-native-community.github.io/upgrade-helper/

Супер! Спасибо 🙏

Ребят, подскажите как ViewPropTypes для кастомного компонента определять, чтобы автокомплит работал в vscode? Вот так если делать то не работает

Ребят, подскажите как ViewPropTypes для кастомного компонента определять, чтобы автокомплит работал в vscode? Вот так если делать то не работает

Никак. Если речь про typescript конечно. Это не связанные понятия. PorpTypes - это динамическая штука, они на рантайме проверяются. В тайпингах для RN, типы для компонентов статические. Вот так к примеру их можно определить: interface IProps { a: number b: string } class MyComp extends React.Component<IProps> { ... } // или const MyFunctionalComp: React.FC<IProps> = (props) => { ... }

Никак. Если речь про typescript конечно. Это не связанные понятия. PorpTypes - это динамическая штука, они на рантайме проверяются. В тайпингах для RN, типы для компонентов статические. Вот так к примеру их можно определить: interface IProps { a: number b: string } class MyComp extends React.Component<IProps> { ... } // или const MyFunctionalComp: React.FC<IProps> = (props) => { ... }

Для js. В целом понял, спасибо

Подскажите плз как сделать local notifications c кнопками управления, по типу как у плеера. Пошуршал в интернете что-то пакета нет для кастомных темплейтов для нотификаций. Кто как делает такой функционал?

привет всем, может кто подсказать как обновить конкретный элемент списка flatlist? Например, есть список с кнопками, при нажатии на кнопку «скачать» кнопка должна подменяться индикатором загрузки. Если делать что-то вроде if (loading) { return <ActivityIndicator /> } return ( <Button /> ) то при нажатии на кнопку индикатор загрузки появляется во всех элементах списка

привет всем, может кто подсказать как обновить конкретный элемент списка flatlist? Например, есть список с кнопками, при нажатии на кнопку «скачать» кнопка должна подменяться индикатором загрузки. Если делать что-то вроде if (loading) { return <ActivityIndicator /> } return ( <Button /> ) то при нажатии на кнопку индикатор загрузки появляется во всех элементах списка

В каждый элемент списка добавь поле loading и уже на основе этого локального (!) поля проверяй, а не глобального

т.е. что то такое items = [{name: 'a', loading: false}, {name: 'b', loading: true}] далее обновляешь нужный тебе элемент в items через setState и у тебя все рисуется

хм, спасибо, попробую

Всем привет, поделитесь кто-нибудь, как боретесь с лагами навигации на большие, перегруженные экраны? Согласно каким-то там хорошим практикам надо начинать отображение с максимально легковесного, а затем подгружать сложные элементы, но ничего умнее таймаута и сетСтейта на отображение тяжелых компонентов в голову не приходит. Еще как вариант было обернуть в Animatable.View с задержкой (если, конечно, под капотом маунт тоже происходит с задержкой)

Всем привет, поделитесь кто-нибудь, как боретесь с лагами навигации на большие, перегруженные экраны? Согласно каким-то там хорошим практикам надо начинать отображение с максимально легковесного, а затем подгружать сложные элементы, но ничего умнее таймаута и сетСтейта на отображение тяжелых компонентов в голову не приходит. Еще как вариант было обернуть в Animatable.View с задержкой (если, конечно, под капотом маунт тоже происходит с задержкой)

https://github.com/zeljkoX/react-native-loading-placeholder

Переход на экран с огромной ART штукой, обернутой в Reanimated и GH, переход на экран с картой и боттом шитом на реанимейтед. Это 2 основных кейса, где чувствуется задержка

https://github.com/zeljkoX/react-native-loading-placeholder

Это больше выглядит как что-то для ожидания ответа с бэка или каких-то расчетов, выглядит как оверхед, если нужно просто отложить маунт некоторых компонентов, чтобы не было лагов при навигации

Это больше выглядит как что-то для ожидания ответа с бэка или каких-то расчетов, выглядит как оверхед, если нужно просто отложить маунт некоторых компонентов, чтобы не было лагов при навигации

Мне кажется ты не прав. Используй тогда частичный рендер

Частичный рендер?

Можно в 2-ух словах, или как это гуглить на англе?

Спасибо, попробую

привет сколько времени надо для изучения react native?

базы js, java, sql уже есть

15 минут

Всем привет, поделитесь кто-нибудь, как боретесь с лагами навигации на большие, перегруженные экраны? Согласно каким-то там хорошим практикам надо начинать отображение с максимально легковесного, а затем подгружать сложные элементы, но ничего умнее таймаута и сетСтейта на отображение тяжелых компонентов в голову не приходит. Еще как вариант было обернуть в Animatable.View с задержкой (если, конечно, под капотом маунт тоже происходит с задержкой)

максимальная декомпозиция компонентов, точечная подписка на данные и все залетает =)

максимальная декомпозиция компонентов, точечная подписка на данные и все залетает =)

Как минимум экран с картой написан максимально оптимально с точки зрения декомпозиции и точечного обновления (экран с ART - мое позорное легаси, за него не ручаюсь 😁), он просто слишком тяжелый и его маунт неплохо так грузит девайс, из-за чего теряются кадры при навигации(

максимальная декомпозиция компонентов, точечная подписка на данные и все залетает =)

точечная подписка - можно поконкретнее пожалуйста?)

точечная подписка - можно поконкретнее пожалуйста?)

ну вот я например могу не подписывать экран на слой данных, а подписывать отдельные компоненты на отдельные части данных и тогда будет ререндер не всего экрана, а некоторых зависимых компонентов, но для этого нужно стейтменеджеры использовать конечно же

Как минимум экран с картой написан максимально оптимально с точки зрения декомпозиции и точечного обновления (экран с ART - мое позорное легаси, за него не ручаюсь 😁), он просто слишком тяжелый и его маунт неплохо так грузит девайс, из-за чего теряются кадры при навигации(

ну тут уж надо разбираться, смотреть профайлер, что грузит и тд

https://github.com/microsoft/reactxp -__-

Всем привет, у кого-то было что метод componentDidMount вызвался каждый раз когда появляется экран, экран же один раз монтируется и дальше работает в фоновом режиме, кто-то сталкивался с подобным?

didMount вызывается на каждый пуш экрана, если был вызван pop, то он отмонтируется

Всем привет, поделитесь кто-нибудь, как боретесь с лагами навигации на большие, перегруженные экраны? Согласно каким-то там хорошим практикам надо начинать отображение с максимально легковесного, а затем подгружать сложные элементы, но ничего умнее таймаута и сетСтейта на отображение тяжелых компонентов в голову не приходит. Еще как вариант было обернуть в Animatable.View с задержкой (если, конечно, под капотом маунт тоже происходит с задержкой)

Первым делом смотрю на render() и сколько раз он вызывается - все тормоза пока что оказывались из-за того что были лишние перерендеры.

didMount вызывается на каждый пуш экрана, если был вызван pop, то он отмонтируется

Блин, спасибо, не знал😯👏

Мне тоже очень интересно, особенно прецеденты. Насколько я понимаю, можно, и для обычных, но никаких обновлений js на лету, т.е. весь код приложения целиком доступен и неделим. Там, два вопроса на самом деле: - соответствие правилам - лицензия JSC, я так и не разобрался lgpl или нет, если lgpl, то линковаться надо динамически, это означает, что надо что-то делать с символами, иначе при включении хоть чего-то, что потянет за собой системный JSC - креш

Нет, RN использует системный JSC - это динамический фреймворк. Т.е. динамическая линковка. Я давно ищу способ иметь предсказуемую версию JSC на всех платформах, но пока дальше экспериментов с билдом icu у меня дело не продвинулось - времени не хватает.

Это как раз и есть указание линкеру на динамическую линковку.

Да, я понимаю. Есть два вида (очень упрощенно) динамической линковки. 1. совсем свободный (через dlopen(3) у apple или подобное), этот способ в windows часто используется насколлько я помню. Он ничего на этапе компиляции не требует, но прежде чем использовать символ из таким образом загруженной библиотеки, надо получить его адрес (через dlsym(3)), а дальше уже к примеру передать управление по этому адресу - очень неудобно и многословно, используется в основном для плагинов. 2. стандартный для unix, это когда сразу создаются мэппинги для символов, используемых в либе и загрузка либы происходит динамическим линкером на этапе старта приложения. Такие библиотеки, к примеру можно посмотреть на маке, натравив на бинарь otool -L myExe, а под linux через ldd. Вот этот способ и используется.

Всем привет, у кого-нибудь был такой кейс, когда надо было нативную анимацию передавать в rn?

@gblack9

ужасный стикер, монитор до дыр затёр

@gblack9

??

??

удалил уже, там опять вакансии постили

всем привет, кто сталкивался с проблемой websocket на android???? тупо при коннекте кидает ошибку и дальше не идет type: 'error'

Всем привет, у кого-нибудь был такой кейс, когда надо было нативную анимацию передавать в rn?

по подробнее опиши

по подробнее опиши

В общем, мне нужно закастить флэт лист. У меня написана анимация на свифте + пан рекогнайзер, и теперь мне все это надо как-то прикрутить в реакт натив

Поправочка, анимация, для каждого айтема во флет листе

просто выплевывай значение на resolve block

и сетай в js

на animatedValue.setValue(value)

Такс, окей а можно реализовать, чтобы флетлист принимал айтем написанный на Свифте, потом через пропсы прокидывал текст в нативный модуль, а потом все это рендерил ??

ну да

просто принемай пропсы и отображай

как с blur

или любым нативным компанентом 🙂

А через через обжс бридж прокидывается только эвент эмитер?

Guys, а как правильно прописать кастомную подспеку для модуля, который лежит в node_modules (lol)

(имеется ввиду положить ее отдельно от модулей и заюзать, чтобы она подтянула натив)

Guys, а как правильно прописать кастомную подспеку для модуля, который лежит в node_modules (lol)

ну ты можешь рядом с podfile сделать папку specs и туда их кидать, а в podfile путь к ним указывать

это конфиг просто)

ну ты можешь рядом с podfile сделать папку specs и туда их кидать, а в podfile путь к ним указывать

та я в глаза долблюсь, не так путь прописал и непонимал почему оно соурсфайлс не видело, сори, спасибо :)(

ну ты можешь рядом с podfile сделать папку specs и туда их кидать, а в podfile путь к ним указывать

А не можешь подсказать, почему либа может просто не ставиться, хоть pod install показывает что все ок и она юзинг?

А не можешь подсказать, почему либа может просто не ставиться, хоть pod install показывает что все ок и она юзинг?

а почему думаешь, что не поставилась?

ее не видно в воркспейсе + NativeModule null

ее не видно в воркспейсе + NativeModule null

ну у меня бывало такое пару раз, но вроде само проходило после рестарта

та не, нету такого модуля у меня, не поставился ((

Сейчас встретил нотацию finc()`` Как это называется?

вообщем вызов фукции и две `

вроде такого... как это вообще называется?

tagged template literals https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

tagged template literals https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

спасибо

упустил этот момент

Такая менюха готовая есть?

Чтобы снизу выезжала

как научить xcode не билдить проект, все файлы, с нуля каждый раз когда нажимаю кнопку билд?

Кто нибудь работал с https://github.com/styleguidist/react-docgen-typescript ?

как научить xcode не билдить проект, все файлы, с нуля каждый раз когда нажимаю кнопку билд?

Он умеет это по дефолту

как научить xcode не билдить проект, все файлы, с нуля каждый раз когда нажимаю кнопку билд?

если clean не делать, то быстро дойдет до места ошибки