а я понял в чем лаг, в normalizr

а в какой момент он срабатывает?

мне systrace очень сложным показался

когда фетчишь чат

перед записью в стор?

приходит большой джсон

да

приходит большой джсон

Приходит много данных и вешается js поток

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

чтобы ui не фризить

Я даже не знал такой функции

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

Я даже не знал такой функции

https://facebook.github.io/react-native/docs/timers.html

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

ну вообще да

так у тебя не фризится же, а лаги, так?

ну вот если джс тред падает до -2 или 0 то уи фризится

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

когда табы щелкаешь

фризится так что scrollview даже не скролится?;)

не, когда ты табы тыкаешь, идет ивент в js, а он в это время занят

фризится так что scrollview даже не скролится?;)

ща проверю

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

скролл листается

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

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

скролл листается

ну вот, ui не фризится

у тебя js стоит

да

-2 показывает

тебе надо нормализацию разделить на чанки

и каждый чанк в setImmediate

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

на это забей, я думаю такая подгрузка из-за встроенной в ListView оптимизации

можно промисами тоже самое сделать

а как я её разделю?

(это конечно если не хочешь воркеры)

а как я её разделю?

давай код в студию)

только не так

гист

почеиу

ща

https://gist.github.com/xahon/b9121ca07756260890c24afe201eb7da

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

https://gist.github.com/xahon/b9121ca07756260890c24afe201eb7da

я не мастер в normalizr но есть ощущение что для этой задачи придется выкинуть его ?

без него было еще хуже

получается каша

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

только небольшой)

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

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

проп в верхнем компоненте создать?

проп в верхнем компоненте создать?

а можно поподробнее?)

Actions.refresh() - Reloads the current scene by loading new props into the Scene

https://github.com/aksonov/react-native-router-flux/blob/master/docs/API.md

проп в верхнем компоненте создать?

Вот пример https://gist.github.com/xahon/d255cc1df16296ad322f636ae4cbb651

спасибо!

Вот пример https://gist.github.com/xahon/d255cc1df16296ad322f636ae4cbb651

я бы как то так сделал https://gist.github.com/savelichalex/18572e0e46a1e8ca27181c5ca5cd7c9a (на коленке писал, не проверял ?)

если все в промисы обернуть, то будет в отдельном потоке каждый работать?

https://facebook.github.io/react-native/docs/timers.html

> The Promise implementation uses setImmediate as its asynchronicity primitive.

если все в промисы обернуть, то будет в отдельном потоке каждый работать?

?

либо как вариант переписать все с requestAnimationFrame

про requestAnimationFrame читал только один раз и так не понял для чего, думал для анимации и забил. Тут есть интересный момент InteractionManager.runAfterInteractions(() => { // ...long-running synchronous task... });Ты его пробовал использовать?

про requestAnimationFrame читал только один раз и так не понял для чего, думал для анимации и забил. Тут есть интересный момент InteractionManager.runAfterInteractions(() => { // ...long-running synchronous task... });Ты его пробовал использовать?

rAF просто выполняет задачу когда event loop свободен, его не обязательно только для анимаций использовать

про requestAnimationFrame читал только один раз и так не понял для чего, думал для анимации и забил. Тут есть интересный момент InteractionManager.runAfterInteractions(() => { // ...long-running synchronous task... });Ты его пробовал использовать?

тебе не подойдет думаю InteractionManager

а как через rAF делать? Каждую такую тяжелую функцию в await requestAnimationFrame(longExecutingFunction)?

или в реактовском компоненте где точка вызова вот этого фетча и там обернуть её в rAF

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

@savelichalex а есть какая-нибудь разница по производительности promise vs rAF?

@savelichalex а есть какая-нибудь разница по производительности promise vs rAF?

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

Ладно, спасибо, буду разбираться

Привет, что посоветуете для работы с FCM (https://firebase.google.com/docs/cloud-messaging/) ??

Привет, что посоветуете для работы с FCM (https://firebase.google.com/docs/cloud-messaging/) ??

Если чисто для пушей - то если не жалко отдавать пользовательские данные - гораздо проще и удобнее использовать one signal )

Если чисто для пушей - то если не жалко отдавать пользовательские данные - гораздо проще и удобнее использовать one signal )

Нужен именно FCM

react-native-fcm

че гадать-то)

Всем привет! Подскажите плз по реакт гавигейшн, есть ли какой-то коллбек на back экшн (когда нажимаешь дефолтную кнопку назад, которую рендерит сам навигатор)? Спасибо)

*навигейшн

Почему может быть нехорошо писать: onPress={this._onTabPress.bind(this)}

Потому что инициализируется функция еще раз

то есть если это в коде элемента списка, то будет много раз продублировано?

Почему может быть нехорошо писать: onPress={this._onTabPress.bind(this)}

потому что каждый раз создается новая функция и shallowCompare будет говорить что дерево изменилось -> нужно перерендерить

о, аргумент

спасибо

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

Почему может быть нехорошо писать: onPress={this._onTabPress.bind(this)}

А как нужно писать?

onPress={_ => this.onTabPress()}

?

ну если не обойтись без bind

то в конструкторе забиндить

нет, надо ссылаться всегда на одну функцию

а там уже нормально

onPress={this._onTabPress}

то в конструкторе забиндить

зачем? class Foo { bar = () => {} render() {return <Bazz onPress={this.bar}>} }

стрелочной функцией просто контекст сохраняешь и се

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

были какие-то причины значит

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

bind вполне себе неплохо работает для частичного применения

bind вполне себе неплохо работает для частичного применения

+

вот у меня есть компонент сейчас

у него в props есть onTap

а в рендере у меня написано <TouchableHighlight key={index} onPress={onTap.bind(this, goal)}

ладно