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

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

Ты какой лист используешь?

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

Какой лист и из чего состоит каждый итем?

Я пробывал несколько, помоему 3 штуки, сейчас посмотрю по истории какие

Используй FlatList и будет тебе счастье

VirtualizedList, FlatList и еще акакойто самый простой

Вот последний я сменил с Flat на Virtualized очень коряво для тестов

VirtualizedList, FlatList и еще акакойто самый простой

ListView, видимо

FlatList самая производительная опция

Вот мой говнокод на коленке для тестов

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

Может проблема не в листе, а в самом реквесте?

Может проблема не в листе, а в самом реквесте?

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

ща запущу и покажу

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

У тебя через ридакс все?

У тебя через ридакс все?

нет, при инциализации кмопнента делается аякс запрос и в стейт кладется ответ

нет, при инциализации кмопнента делается аякс запрос и в стейт кладется ответ

В componentWillMount?

В componentWillMount?

да

Так нельзя

Ну, типа, антипаттерн

Это во первых

Так нельзя

я лб этом слышал, но как правильно?

В во вторых, попробуй рендерить не все 300-500 элементов

я лб этом слышал, но как правильно?

ComponentDidMount

В во вторых, попробуй рендерить не все 300-500 элементов

Кусками рендери

ComponentDidMount

а я так и сделал, сорян не прочитал

^

^

Понял. Ну, просто нет смысла сразу все 300+ элементов выгружать

Понял. Ну, просто нет смысла сразу все 300+ элементов выгружать

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

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

Попробуй наследовать от PureComponent класс :^)

А вообще, ты профайлер юзал-то?

Понял. Ну, просто нет смысла сразу все 300+ элементов выгружать

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

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

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

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

Профилировать надо, а не покрывать ))

Профилировать надо, а не покрывать ))

я в rn нуб, это что-то из стандартного набора или доп пакеты?

this https://facebook.github.io/react-native/docs/performance ?

я в rn нуб, это что-то из стандартного набора или доп пакеты?

Это в Chrome можно делать в дебаггере. Я ща с телефона, не могу подробно описать, но может кто ещё напишет как.

Да, оттуда были ссылки вроде

Это в Chrome можно делать в дебаггере. Я ща с телефона, не могу подробно описать, но может кто ещё напишет как.

значит то о чем думаю, сейчас настрою

Что за дичь с асинками

У нас тут не так давно было разбирательство с FlatList и его прои зводительностью

Что за дичь с асинками

это временная фигня для тестов, грязно написанно

Всем доброго времени суток. Вопрос немного не по реакту но про мобилы. Есть Android Galaxy x6 - приложение с магазина ставится и работает хорошо, а с apk ставится но не работает, может какие настройки?

ктонибудь сталкивался?

Я могу снять профилирование с expo или мне нужно его скомпилить?

Я могу снять профилирование с expo или мне нужно его скомпилить?

Можешь

Можешь

через systrace?

FlatList самая производительная опция

flatlist это обертка над virtualizedList

через systrace?

Да

Да

а какое имя пакета задавать )))

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

а пробовали запускать в релизной сборке?

ключи не должны быть рандомными)

ключи не должны быть рандомными)

это в процессе тестов, разницы особой не было, раньше не были рандомные

ну с рандомными ключами каждый элемент реднерится каждый раз с нуля

я сейчас привожу все в нормальный вид что бы снять 2 профалинга 1. Просто с текстом 2. С компонентом

я сейчас привожу все в нормальный вид что бы снять 2 профалинга 1. Просто с текстом 2. С компонентом

У тебя картинки есть в итемах? У меня списки только с текстом спокойно рендерятся по 1000 штук

вот этот пример работает > 30 сек

там чуть больше 500 строк

А че за getRandomKey

Убери getitem, сделай количество начальных элементов поменьше

Без getitem не робит

Поставь FlatList

А он у тебя случаем не внутри ScrollView ????

А он у тебя случаем не внутри ScrollView ????

да)

Убирай

Оберни в обычный view

Убирай

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

даже не вникал в его работу а теперь понял )))

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

Там по сути получается так. FlatList реагирует на скроллинг для перерисовки видимой части списка, а ScrollView вызывает событие скроллинга при изменении списка и получается, что FlatList вызывает скроллинг на ScrollView, а то в свою очередь вызывает перерисовку FlatList

Там по сути получается так. FlatList реагирует на скроллинг для перерисовки видимой части списка, а ScrollView вызывает событие скроллинга при изменении списка и получается, что FlatList вызывает скроллинг на ScrollView, а то в свою очередь вызывает перерисовку FlatList

ага я по логам увидел)

Есть у кого на примете ресурсы с шаблонами приложения, вроде темфореста

Есть у кого на примете ресурсы с шаблонами приложения, вроде темфореста

NativeBase https://nativebase.io/ У них есть стартер паки (бесплатные и платные)

Есть у кого на примете ресурсы с шаблонами приложения, вроде темфореста

Маркет: https://market.nativebase.io/?utm_source=nativebase&utm_medium=showcase+section&utm_campaign=nativebase&affiliate_code=20535682-NAT-196333

Маркет: https://market.nativebase.io/?utm_source=nativebase&utm_medium=showcase+section&utm_campaign=nativebase&affiliate_code=20535682-NAT-196333

Спасибо

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

у нас у всех нативная зависимость)

уже глаз дергается

гггг точняк)

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

https://github.com/airbnb/native-navigation/blob/master/docs/installation.md#ios-project-setup

я скорее вот про это https://github.com/facebook/yoga/issues/711

я скорее вот про это https://github.com/facebook/yoga/issues/711

с этого и надо было начинать)

я думаю это почти ко всем подам со свифтом относится

я скорее вот про это https://github.com/facebook/yoga/issues/711

Я некоторое время назад общался с одним товарищем и получилось это победить (у него своим способом, у меня своим). Я патчил RN (но мы всё равно его патченный используем)... патчи отдокументированны здесь: https://github.com/vovkasm/react-native/commits/cocoapods-frameworks В основную нашу ветку я их не вносил, т.к. мы фреймворки не используем. И сейчас попробую найти переписку (в одном из ишьюс была)

Я некоторое время назад общался с одним товарищем и получилось это победить (у него своим способом, у меня своим). Я патчил RN (но мы всё равно его патченный используем)... патчи отдокументированны здесь: https://github.com/vovkasm/react-native/commits/cocoapods-frameworks В основную нашу ветку я их не вносил, т.к. мы фреймворки не используем. И сейчас попробую найти переписку (в одном из ишьюс была)

ох спасибо, но мне там проще со свифта на objc переписать один файл чем RN форкать. Я просто очень много времени потратил выясняя лыжи ли это не едут, и кажетя действительно проблема в лыжах, чертова инженерия

ох спасибо, но мне там проще со свифта на objc переписать один файл чем RN форкать. Я просто очень много времени потратил выясняя лыжи ли это не едут, и кажетя действительно проблема в лыжах, чертова инженерия

Наша переписка если что: https://github.com/facebook/react-native/issues/19544#issuecomment-394878317

На всякий случай... там народ тоже сделал фикс фикса фиксов и замутил плагин к cocoapods, который патчит RN на лету ))) Это не я если что, я на такое извращение не способен и не пользуюсь... но может пригодится кому ))) Вот он: https://github.com/orta/cocoapods-fix-react-native

Да, вот я это тоже нашел и мне не помогло сходу

хотя я наверное попробую завтра твой форк запутстить, вдруг связет

Да. Открыть в Xcode, смотреть на структуру проекта и подробный вывод процесса сборки. Но сперва убедиться, что в папке node_modules всё есть, т.е. выполнена команда npm install