внутри react-native-navigation

Но дело видимо в этом: 2018-10-10 16:49:51.645 8894-8901/? E/dboxed_process: Failed to send DDMS packet REAQ to debugger (-1 of 20): Broken pipe 2018-10-10 16:49:51.666 8894-8894/? I/cr_ChildProcessService: Creating new ChildProcessService pid=8894 2018-10-10 16:49:51.682 8843-8922/com.demoapp E/chromium: [ERROR:devtools_http_handler.cc(292)] Cannot start http server for devtools. Stop devtools.

Да, похоже... и ещё непонятно при чем здесь chromium... вроде там не должно быть такого... JSC же?

За последние 2 дня андройд поражает меня все больше

ребята, обновил react-native-router-flux очень криво пашут переключения между экранами с какой то кстати экран возращается на предыдущий скрин автоматический а потом прыгает на следующий куда должно было по логике

он еще жив? ?

Подскажите по андроид покупкам, востановление покупки нужно делать по purchaseToken?

@ECAEPSEY попробуйте роутер по-свежей react navigation

Но дело видимо в этом: 2018-10-10 16:49:51.645 8894-8901/? E/dboxed_process: Failed to send DDMS packet REAQ to debugger (-1 of 20): Broken pipe 2018-10-10 16:49:51.666 8894-8894/? I/cr_ChildProcessService: Creating new ChildProcessService pid=8894 2018-10-10 16:49:51.682 8843-8922/com.demoapp E/chromium: [ERROR:devtools_http_handler.cc(292)] Cannot start http server for devtools. Stop devtools.

Вот это пишут в нетах (я уверен, вы это уже пробовали, но на всякий случай чтоб было): https://stackoverflow.com/a/46063251/2266462

Вот это пишут в нетах (я уверен, вы это уже пробовали, но на всякий случай чтоб было): https://stackoverflow.com/a/46063251/2266462

да, не помогло

Где-то видел чтиво на тему, НЕиспользования стрелочных функций в методах, которые занимаются рендером, но найти не могу... Никто не видел/слышал такого?

На всякий случай здесь напишу, там первая ссылка на SO абсолютно верная... дело не втом что они медленнее (это ещё проверять надо). А в том, что это скрытая форма создания объекта и относится это не только к функциям, смотрите, вот здесь: <MyPureComp propA={() => true} propB={{}} propC={[]} /> Всем трем свойствам присваиваются новые объекты... это означает, что MyPureComp будет вызывать свой render всегда, когда вызван render компонента, где его создают... хотя формально ничего не изменилось и его можно было бы не ререндерить. И вот это даёт тормоза в непредсказуемых местах...

На всякий случай здесь напишу, там первая ссылка на SO абсолютно верная... дело не втом что они медленнее (это ещё проверять надо). А в том, что это скрытая форма создания объекта и относится это не только к функциям, смотрите, вот здесь: <MyPureComp propA={() => true} propB={{}} propC={[]} /> Всем трем свойствам присваиваются новые объекты... это означает, что MyPureComp будет вызывать свой render всегда, когда вызван render компонента, где его создают... хотя формально ничего не изменилось и его можно было бы не ререндерить. И вот это даёт тормоза в непредсказуемых местах...

Печально что о таких важны вещах вы не вкурсе , вот вам гениальный доклад про все эти перерисовки https://www.youtube.com/watch?v=6m950Hqr_eI

Мы в курсе ? Я для комьюнити оставил краткую выдержку...

Мы в курсе ? Я для комьюнити оставил краткую выдержку...

Спасибо

Не могу понять где начало треда про стрелочные функции. Поэтому влезу и спрошу <FlatList data={[{key: 'a'}, {key: 'b'}]} renderItem={({item}) => <Text>{item.key}</Text>} /> Так делать плохо, я верно понял?

Всем привет, у меня тут пачка вопросов - Есть ли какой-то более подробный гайд по react-native-navigation? Нужно сделать сложную структуру навигации, а там либо tab applicaiton, либо single screen, не совсем понятна копцепция. В случае react-navigation понятно - мы создаем нужные навигаторы и комбинируем их дерево, а вот в случае wix библиотеки - непонятно

Можно ли делать blurred tab bar?

Можно ли это все делать на Android?

Не могу понять где начало треда про стрелочные функции. Поэтому влезу и спрошу <FlatList data={[{key: 'a'}, {key: 'b'}]} renderItem={({item}) => <Text>{item.key}</Text>} /> Так делать плохо, я верно понял?

тут просто рендер айтема в метод класса надо вынести

тут просто рендер айтема в метод класса надо вынести

какой получу профит ?

какой получу профит ?

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

через panHandlers можешь сделать

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

да тут флэтлист просто под руку попался, дока была открыта и там пример как раз нужный. Я вообще про подход хотел узнать. Там было выше »дело не втом что они медленнее (это ещё проверять надо). А в том, что это скрытая форма создания объекта и относится это не только к функциям я не понял какая проблема в этом и какой профит так не делать

через panHandlers можешь сделать

устанет

вот глянь https://github.com/wix/react-native-interactable

устанет

что ты под этим имеешь ввиду)

что ты под этим имеешь ввиду)

Что с ним работать очень трудно

есть тут кто то кто может помочь с генерацией apk вместе с expo sdk

ну и вообще разъяснить что к чему при работе с инфраструктурой react-native

вот глянь https://github.com/wix/react-native-interactable

Спасибо

Для android нужно сгенерировать ключ для подписи (про это написано на сайте react-native в разделе signing your app), после чего спокойно делаешь expo build:android и минут через 15 получаешь ссылку на скачивание apk

да тут флэтлист просто под руку попался, дока была открыта и там пример как раз нужный. Я вообще про подход хотел узнать. Там было выше »дело не втом что они медленнее (это ещё проверять надо). А в том, что это скрытая форма создания объекта и относится это не только к функциям я не понял какая проблема в этом и какой профит так не делать

Проблема в том, что созданный новый объект будет иметь идентити отличную от предидущего. Соответственно когда вызовется метод рендер вашего компонента, он создаст в вернет инстанс компонента FlatList, со св-ми отличающимися по идентити от предидущего инстанса. Это на этапе реконсайлинга в вашем примере, инициирует вызов метода render FlatList (скорей всего... дело в том, что конкретно FlatList, не факт что такой уж PureComponent, поэтому надо смотреть на его метод shouldComponentUpdate... но здесь и далее для простоты я предполагаю, что FlatList - pure). Проблема: у вас отрабатывает код метода render компонента FlatList, когда мог бы не отрабатывать. Этот метод повлечет реконсайлинг ниже в иерархии и так далее... собственно проблема в том, что вы даже не можете предсказать как много лишнего кода выполнится, т.к. это не тот же самый компонент а часто вообще чужой код. Профит так не делать: отсутствие пробемы. ЗЫ... если что в вашем примере проблема в обоих св-вах... и data и renderItem

И ещё... проблема лишнего рендера меньше заботит большинство программистов React в вебе... Это потому, что в браузере очень быстрый JS движок... Т.к. процессор мощней телефонного и JIT из коробки. В RN это прям может очень сильно тормозить в зависимости от обстоятельств.

Не могу понять где начало треда про стрелочные функции. Поэтому влезу и спрошу <FlatList data={[{key: 'a'}, {key: 'b'}]} renderItem={({item}) => <Text>{item.key}</Text>} /> Так делать плохо, я верно понял?

да! подклюите это правило и eslint вам все покажет, где косячите t.me/reactnative_ru/85246

да! подклюите это правило и eslint вам все покажет, где косячите t.me/reactnative_ru/85246

почему плохо то?))

почему плохо то?))

у тебя на каждый ререндер создаеться новая функция

почему плохо то?))

@gblack9 уже разложил доходчиво

у тебя на каждый ререндер создаеться новая функция

так я спросил не что происходит а почему плохо. где тесты перфоманса? разница несущественная

Как решается проблема "Cannot find the common subdirectory path for the input files" в react-native-typescript-transformer?

и вообще функциональные компоненты не инстанциируются

так я спросил не что происходит а почему плохо. где тесты перфоманса? разница несущественная

тоже бы с удовольсвием на тесты посмотрел) а то верю на слово в эту тему.

и вообще функциональные компоненты не инстанциируются

))) Для пользователей нет, а для реконсайлера...

Реконсайлеру надо знать их предидущие св-ва, откуда он их берёт?

да тут флэтлист просто под руку попался, дока была открыта и там пример как раз нужный. Я вообще про подход хотел узнать. Там было выше »дело не втом что они медленнее (это ещё проверять надо). А в том, что это скрытая форма создания объекта и относится это не только к функциям я не понял какая проблема в этом и какой профит так не делать

если коротко - то у вас в props каждый раз будет передаваться вновь созданный объект. Вообще говоря это приводит к нежелательной перерисовке

Ну померьте же уже)

Первый рендер идет в сто раз дольше всех последующих ререндеров)

Запускаю run-ios после распакованной expo, падает запуск и такое выдает Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/app.app/Info.plist Print: Entry, ":CFBundleIdentifier", Does Not Exist

Начал гуглить, там непонятно совсем, кто сталкивался?

обычно выше в логе есть причина

Я понял, что не хватает, а как это поправить?Файл докинуть откуда?

Я понял, что не хватает, а как это поправить?Файл докинуть откуда?

А xcode, command line tools и симулятор установлены?

Ага, самое интересное, что через xcode все без проблем запустилось, а с консольки нет

А ты проверял build/Build/Products/Debug-iphonesimulator/app.app/Info.plist существует?

Скорее всего проблема с путями где-то

Да, существует, ну тут дальше сам буду копать

Запускаю run-ios после распакованной expo, падает запуск и такое выдает Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/app.app/Info.plist Print: Entry, ":CFBundleIdentifier", Does Not Exist

В последнее время замечал такое, когда не выбран provision в Xcode

Или он неправильный

У IPhone X и Xs MAX разный уровень смещения KeyboardAvoidingView...

У IPhone X и Xs MAX разный уровень смещения KeyboardAvoidingView...

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

А если серьезно, то тут уже обсуждали его, если покопать историю, можно много интересного про KeyboardAvoidingView узнать )

Доброго времени суток, ищу наставника, человека работающего (имеющего опыт в прошлом) на биржах фриланса таких как: upwork, weblancer в нише фронтенда. Хочу работать с более сложными вещами, чем верстка обычных лендингпейдж, и одному корректный вектор развития сложно сформулировать. Думаю, многие меня понимают... Буду искренне рад, если кто-то отпишется в лс:)

Доброго времени суток, ищу наставника, человека работающего (имеющего опыт в прошлом) на биржах фриланса таких как: upwork, weblancer в нише фронтенда. Хочу работать с более сложными вещами, чем верстка обычных лендингпейдж, и одному корректный вектор развития сложно сформулировать. Думаю, многие меня понимают... Буду искренне рад, если кто-то отпишется в лс:)

Написал кто-нибудб?

А если серьезно, то тут уже обсуждали его, если покопать историю, можно много интересного про KeyboardAvoidingView узнать )

Да, у меня инпут к низу прилеплен и сдвигается вместе с клавой, ладно у iOS и Android разные behavior и offset, но чтобы у iOS и iOS

Всем привет мини вопросик по react-native <TextInput autoFocus = {true} keyboardType ='numeric' /> Когда смотрю через EXPO на андроиде то первый раз клавиатура не выскакивает... когда apk соберу будет клавиатура выскакивать? или нужна какая-то магия

ребят, есть вебвью, можно ли как то сделать навигацию, поверх навигации на сайте? тоисть отключить навигацию на сайте, например передав как то, какой то параметр, и сделать навигацию например через react-navigation? лучше не спрашивайте зачем)

ребят, есть вебвью, можно ли как то сделать навигацию, поверх навигации на сайте? тоисть отключить навигацию на сайте, например передав как то, какой то параметр, и сделать навигацию например через react-navigation? лучше не спрашивайте зачем)

ну через injectJS можно переписывать обработчики событий, а в связке с onMessage можно пробросить их в react native, так что в теории вполне реально

ну через injectJS можно переписывать обработчики событий, а в связке с onMessage можно пробросить их в react native, так что в теории вполне реально

injectJS - там где 4 звезды?

http://facebook.github.io/react-native/docs/webview#onmessage http://facebook.github.io/react-native/docs/webview#injectjavascript или проще, но у меня вроде как не всегда отрабатывает (наверное из-за spa): http://facebook.github.io/react-native/docs/webview#onnavigationstatechange

http://facebook.github.io/react-native/docs/webview#onmessage http://facebook.github.io/react-native/docs/webview#injectjavascript или проще, но у меня вроде как не всегда отрабатывает (наверное из-за spa): http://facebook.github.io/react-native/docs/webview#onnavigationstatechange

? я уже подумал, стремную библиотеку надо юзать(

ребят, есть вебвью, можно ли как то сделать навигацию, поверх навигации на сайте? тоисть отключить навигацию на сайте, например передав как то, какой то параметр, и сделать навигацию например через react-navigation? лучше не спрашивайте зачем)

зачем?

задумался вести блог в том числе по рн. О чем было бы интересно почитать? Как-то обсуждали, что выключение\включение библиотек в билд в в деве и проде было бы интересно.

задумался вести блог в том числе по рн. О чем было бы интересно почитать? Как-то обсуждали, что выключение\включение библиотек в билд в в деве и проде было бы интересно.

Мне было бы интересно почитать об организации бизнес логики и сервисов в приложении.

Только что-нибудь выходящее за рамки container components

Мне было бы интересно почитать об организации бизнес логики и сервисов в приложении.

у меня подход следующий: делать компоненты максимум глупыми и пулять экшены на каждый чих, если производительность не падает. потом иметь чистые эпики на redux-observable, куда ижектятся все внешние зависимости, в том числе сервисы, вроде пуш уведомлений или async storage. ну и потом полотна rxjs кода описывающие примерно ``` на каждое пуш уведомление пульни экшен о полчении загрузи данные если нужно покажи нотификацию пульни другой экшен об обработке ``` Каждый эпик тестируется отдельно, как чистая функция над observable. container components лишь пуляют экшены и достают данные из стора, глупые компоненты это все рендерят.

основная мотивация: с io лучше работать c тем, что к io приспособлено и тестирование легче. но это вроде просто.

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

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

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

Понятно, спасибо.

Есть вопрос по react-navigation. Скорее проблема. Как мы реализовывали структуру скринов есть например flow "search > search-result > user" и есть идентичный экран "settings > view > user". Так вот, как правильней реализовывать, одним экраном или не сколькими ? Если итоговый экран один и тот же

у меня подход следующий: делать компоненты максимум глупыми и пулять экшены на каждый чих, если производительность не падает. потом иметь чистые эпики на redux-observable, куда ижектятся все внешние зависимости, в том числе сервисы, вроде пуш уведомлений или async storage. ну и потом полотна rxjs кода описывающие примерно ``` на каждое пуш уведомление пульни экшен о полчении загрузи данные если нужно покажи нотификацию пульни другой экшен об обработке ``` Каждый эпик тестируется отдельно, как чистая функция над observable. container components лишь пуляют экшены и достают данные из стора, глупые компоненты это все рендерят.

вообще, достаточно интересный подход

@punksta я правильно понимаю, что ты жестко разделяешь логику от представления? Те получается, что компоненты только показывают что-то в зависимости от данных, но их не модифицируют?

стараюсь. они могут их модифицировать, но для своих нужд. Например взять объект из стора, каким он пришел туда из api, вытащить нужные поля, отдать в рендер.

нормальлизацией занимаются либо редюсеры, либо опять же эпики.

Привет, коллеги. А не в курсе, stackRouter поддерживает onNavigationStateChange ? или где посмотреть. На проекте старая версия react-navigation 1.x.x Ищу удобное место, чтобы слать события для аналитиков на смену страниц.

нормальлизацией занимаются либо редюсеры, либо опять же эпики.

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

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

под экшенами тут нужно понимать action как сущность или io middleware (thunk скажем)?

cами action. middleware, для меня, это отдельный слой.. У меня в них реализуется глобальная логика, например показ ошибок в приложениях, предварительное форматирование запросов или какие-то другие дейсвтия обобщенного характера

для меня актуальна тема архитектуры проекта, т.к. всегда можно почерпнуть, что-то новое)