На сколько я понимаю, fabric должен разгрузить bridge и принести асинхроный рендеринг. Не объясните почему акцентируете внимание на redux?

речь про redux-like архитектуру (TEA, если хотите)

Там было несколько причин перехода на fabric: redux-like (и immutable), синхронные вызовы в js...

да )

Ещё типа медленный dynamic dispatch (Очевидно намек на java и ObjC)

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

но ведь нет альтернатив

непривычно в этом чате читать интересные вещи, а не про то, как очередной корявый npm пакет интегрировать в проект

Я много времени убил пытаясь понять, как этот ворох безумного кода на самом деле работает (( Почему, к примеру в нативе определения св-тв многих дублируются в теневую ноду и в нормальную. Почему я не могу просто взять и получить в JS ровно тот текст, что сейчас в TextInput'е... и т.д.

Супер )

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

никто не будет на ленивом языке писать rn.

было бы конечно смешно. фейсбук нанимает отдел хаскелистов переписывать react-native с крестов.

было бы проще сделать транслятор из js в С++ и все были бы счастливы

вот бы на pure на rn пописать)

Зачем, если есть reasonml 👽

было бы проще сделать транслятор из js в С++ и все были бы счастливы

Есть транслятор из дарта )

Есть транслятор из дарта )

ну такое )

К примеру, я не верю, что redux-подобные архитектуры будут хорошо работать в языках процедурных по самому своему смыслу, типа C++. Либо это будет бесконечное копирование данных из одного места в памяти в другое, что очень медленно на современных процессорах. Либо это будет бесконечный lock-contention, если ленивое копирование делать.

а зачем копировать?)

а зачем копировать?)

Можно не копировать (копировать лениво), но тогда надо защиту от одновременного доступа из разных потоков делать и это будет медленно )

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

Коллекции на хешах быстро пересобираются

Специально оптимизируют жеж

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

Что-то я их пока в Fabric не видел... и эти структуры довольно специфичны, чтоб их для дерева нод использовать.

так мы про Fabric говорим что ли) я чет запутался в вашем диалоге)

так мы про Fabric говорим что ли) я чет запутался в вашем диалоге)

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

Коллекции на хешах быстро пересобираются

Там C++, мы когда-то пытались на нем google хеши использовать... типа самые быстрые... в общем да, быстро, но с кучей подводных камней, типа вырожденных случаев для которых всё становится медленным и т.п.

Вообще, с моей точки зрения, единственная архитектурная проблема RN в настоящем его виде (да, есть куча не архитектурных типа багов, платформозависимых компонентов, отсутствия некоторых критических компонентов), так вот, единственная настоящая проблема сейчас, это невозможность синхронного вызовов из натива в JS. Но это вообще не про фабрик, насколько я вижу... это про однопоточность JS... не проблема дернуть что-то туда из натива, JSC это позволяет, проблема, что тебе придется ждать, пока доработает текущий цикл JS кода... а потом отработает твой вызов. Это займет непредсказуемое время, которое твой поток будет ждать, если это UI-поток - всё зависнет на это время, если это layout - не будет лэйаута, если это твой нативный модуль, в нем не будет ничего происходить... И в текущем дизайне и вообще в любом другом дизайне без модификации JS api, я решения этой проблемы не вижу... возможно оно есть где-то в районе вывода в JS чего-то похожего на Web Workers... не знаю...

Примеры проявления этой проблемы: невозможность произвольно управлять анимациями из JS, опаздывающий measure и onLayout, проблемы с управляемым TextInput, кривая система респондеров и хендлинга тачей с огромным кол-вом багов... всякие KeyboardAvoidingView и SafeAreaView, проблема с лэйаутом кешируемых изображений и прочее...

Да решение то на поверхности - блокировать UI тред в нативной части. Но тогда будет очень сложно хвастаться 60fps UI, потому что вся ответственность за конечный перфоманс ляжет на девелоперов. Скорее всего добавят апи с синхронным вызовом и огромным предупреждением, что ребят, используйте на свой страх и риск.

Да решение то на поверхности - блокировать UI тред в нативной части. Но тогда будет очень сложно хвастаться 60fps UI, потому что вся ответственность за конечный перфоманс ляжет на девелоперов. Скорее всего добавят апи с синхронным вызовом и огромным предупреждением, что ребят, используйте на свой страх и риск.

Да, это один из вариантов )

Вообще, с моей точки зрения, единственная архитектурная проблема RN в настоящем его виде (да, есть куча не архитектурных типа багов, платформозависимых компонентов, отсутствия некоторых критических компонентов), так вот, единственная настоящая проблема сейчас, это невозможность синхронного вызовов из натива в JS. Но это вообще не про фабрик, насколько я вижу... это про однопоточность JS... не проблема дернуть что-то туда из натива, JSC это позволяет, проблема, что тебе придется ждать, пока доработает текущий цикл JS кода... а потом отработает твой вызов. Это займет непредсказуемое время, которое твой поток будет ждать, если это UI-поток - всё зависнет на это время, если это layout - не будет лэйаута, если это твой нативный модуль, в нем не будет ничего происходить... И в текущем дизайне и вообще в любом другом дизайне без модификации JS api, я решения этой проблемы не вижу... возможно оно есть где-то в районе вывода в JS чего-то похожего на Web Workers... не знаю...

есть https://github.com/joltup/react-native-threads , но этих проблем оно, разумеется, не решит.

Создается новый тред на каждый js worker. Можно разгрузить event-loop в редких случаях, когда правда нужно что-то долго считать.

Всем привет. У меня есть #вопрос. Я использовал flatlist с изображением в своем приложении. Есть сотни изображений. Пока я прокручиваю flatlist, приложение разбилось. Как решить эту проблему?

Всем привет. У меня есть #вопрос. Я использовал flatlist с изображением в своем приложении. Есть сотни изображений. Пока я прокручиваю flatlist, приложение разбилось. Как решить эту проблему?

разбилось?

https://github.com/stoffern/react-native-optimized-flatlist

как вариант

Всем привет. У меня есть #вопрос. Я использовал flatlist с изображением в своем приложении. Есть сотни изображений. Пока я прокручиваю flatlist, приложение разбилось. Как решить эту проблему?

А ошибка какая? Память кончилась? Креш? Стек-трейс?

А ошибка какая? Память кончилась? Креш? Стек-трейс?

App not responding

App not responding

Это не ошибка... Android? Что logcat отфильтрованный по процессу приложения показывает?

https://github.com/stoffern/react-native-optimized-flatlist

Ох... я бы очень рекомендовал перед тем как этим пользоваться посмотреть в исходники, понять, что он конкретно делает и только после этого решать, надо оно вам или нет )

App not responding

Кстати, а что будет, если все картинки на цветные квадратики заменить? Будет работать?

Мы просто ловили что-то подобное с родным Image

Ох... я бы очень рекомендовал перед тем как этим пользоваться посмотреть в исходники, понять, что он конкретно делает и только после этого решать, надо оно вам или нет )

я-то сам не юзаю, в своё время в issue react native советовали для увеличения производительности🤔

я-то сам не юзаю, в своё время в issue react native советовали для увеличения производительности🤔

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

Мы просто ловили что-то подобное с родным Image

Для нас решением было использовать react-native-web-image (или `react-native-fast-image`), но тоже надо сперва понять, что именно процессинг изображений лочит треды

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

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

попробуй фон закрасить, вроде обычно решает

нашел ишью https://github.com/facebook/react-native/issues/17267

в 56 поправили вроде как

Коллеги, доброе утро. Обновлялся ли кто-то до RN 0.55.4 с установленным storybook и addon'ом к нему @dump247/storybook-state? Я обновлялся с версии 0.53.3. Возникает проблема, когда metro-bundler пытается собрать для меня js бандл. Выдается ошибка следующего типа: error: bundling failed: ReferenceError: Unknown plugin "transform-react-remove-prop-types" specified in "C:\\GIT\\rn\\node_modules\\@dump247\\storybook-state\\.babelrc" at 0, attempted to resolve relative to "C:\\GIT\\rn\\node_modules\\@dump247\\storybook-state" Такое чувство, что бандлер пытается собрать этот addon из исходников на основании его .babelrc, где как раз указано, что нужен плагин transform-react-remove-prop-types, хотя эта библиотека предоставляет уже транспиленную версию. @dump247/storybook-state/package.json { ... "main": "dist/index.js" ... } Может кто-то с похожей проблемой сталкивался?

И еще вопрос. Кто-то реально смог перевести существующий проект на июньский апдейт RN 0.56? :)

привет ребят, как такой пикер реализовать, волнует темный бэкграунд http://prntscr.com/k7uh03

может кто сталкивался или делал

И еще вопрос. Кто-то реально смог перевести существующий проект на июньский апдейт RN 0.56? :)

Да ;-) Игрушечные все перевёл. Большой на неделе буду пробовать.

Да ;-) Игрушечные все перевёл. Большой на неделе буду пробовать.

Я когда перевел, возникала такая ошибка: UnableToResolveError: Unable to resolve module `AccessibilityInfo`Даже issue такой есть, но он нифига не решается https://github.com/facebook/react-native/issues/14209

P.S> использую Windows :)

Также некоторые библиотеки отвалились из-за несовместимости версий сборки на Java.

Но это решаемые проблемы, а вот issue что-то не получилось преодолеть.

Там есть несколько вещей (часть из них у меня не проявляется, из-за того, что это работает в связках react-native-typescript-transformer -> metro и ts-jest -> jest). Поэтому я делаю так: 1. Форсим @babel/core той же версии, что в RN в npm можно просто без последнего элемента ^7.0.0-beta, babel-core в 7.0.0-bridge.0 и babel-preset-react-native в 5.0.2 2. Возможно чать проблем я решал через фиксы в кастомном форке (но по моему там только нативные вещи и порт некоторых изменений в андроид)... можете посмотреть в коммитах, в общем RN у меня вот в это стоит git+https://github.com/vovkasm/react-native.git#v0.56.0-woof.4 Итого в package.json: "dependencies": { "react": "16.4.1", "react-native": "git+https://github.com/vovkasm/react-native.git#v0.56.0-woof.4", ... }, "devDependencies": { "@babel/core": "^7.0.0-beta", "babel-core": "7.0.0-bridge.0", "babel-preset-react-native": "5.0.2", ... } Что там надо ещё для чисто-js проектов относительно лениво обсуждается в багрепортах на гитхабе... )))

ребят, сорян за повтор. Но может, кто подскажет все же :)

http://prntscr.com/k7uh03 реально сделать со стандартным пикером? волнует стили , бекграунд

http://prntscr.com/k7uh03 реально сделать со стандартным пикером? волнует стили , бекграунд

С DatePickerIOS точно - нет.

Ок, может есть что-то похожее готовое? или кто делал подобные компоненты уже? готов купить

@gblack9 спасибо, гляну. Как, кстати, пишется на TS в RN?

Я в смысле DX

Я в смысле DX

Отлично ) Рефакторинг, навигация по коду, автодополнение... А что такое DX?

developer experience

аналог user experience (UX), только для разработчиков )

А... ну тогда ответил ))

)))) я так не умею 😄

такой вопрос react navigation 2.0

вышел

back кнопка ведет себя, как navigate

те без обновления содержимого, как перевести ее в режим push ?

только не через headerLeft

Как можно сделать показ Alert'a сообщением "Хотите ли сохранить данные" при срабатывании любой навигации?

через отслеживание событий

Речь об этом https://reactnavigation.org/docs/en/navigation-prop.html#addlistener-subscribe-to-updates-to-navigation-lifecycle ?

да

Хэллоу, коллеги. Использую react-native-web, после обновления до последней версии все юнит тесты (jest) падают с ошибкой: TypeError: Cannot read property 'createAnimatedComponent' of undefined сталкивался кто-нибудь?

Всем привет, ни у кого не было такого, что у Headera от native-base отсутствует тень? (elevation не помогает)

Да ;-) Игрушечные все перевёл. Большой на неделе буду пробовать.

А на какой ОС вы работаете?