надо архитектуру нормальную иметь, а не придерживаться низкоуровневого кода под предлогом "а иначе дичь начнётся" тогда уж все высокоуровневые языки — дичь )

?

Вот объясните мне

no

Я сделал функцию которая мапается по массиву и возвращаёт обёрнутый в HOC компонент, в который уже вставлен какой-нибудь ключ

Чтобы не пропихивать по сто раз key

Однако в DevTools такие итераторы всегда обновлятся. А если я просто верну <div key={key} /> то он не обновляется

Я правильно понимаю что любой компонент всегда передёргивается, а нода нет?

Парни, есть вопрос =)) Какими инструментами мониторите приложения? Например у вас Node.js + API. 1) Мониторинг времени ответа API/Node.js 2) User Timings (TTFB, ContentLoading, DOMReady, PageReady)

Знаю про NewRelic, но например у вас 200 rps в пике, есть железо свое и жалко денег отдавать ;D

всем привет, начал более менее понимать что такое реакт, редакс, реакт-роутер, думал уже успокоиться, но тут начал читать этот чат и узнал что есть MobX, redux-saga, redux-actions, и ещё много всего, кто-нибудь может объянить зачем это всё и что из этого точно уже нужно знать и применять в проде

ох сколь открытий чудных тебя еще ждет впереди... :D

+

> @Yarikhp кто-нибудь может объянить зачем это всё и что из этого точно уже нужно знать и применять в проде большая часть из этого не нужна

и даже опасна

всем привет, начал более менее понимать что такое реакт, редакс, реакт-роутер, думал уже успокоиться, но тут начал читать этот чат и узнал что есть MobX, redux-saga, redux-actions, и ещё много всего, кто-нибудь может объянить зачем это всё и что из этого точно уже нужно знать и применять в проде

mobx — альтернатива redux, redux-sage — альтернатива redux-thunk, redux-actions — сахар над обычным бойлерплейтом.

mobx — альтернатива redux, redux-sage — альтернатива redux-thunk, redux-actions — сахар над обычным бойлерплейтом.

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

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

reselect

recompose

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

seamless-immutable

был бы очень благодарен, если бы сказали что это и зачем

seamless-immutable — форсит иммутабельность структур данных, не изменяя стандартный API объектов.

reselect для мемоизации селекторов. recompose набор функций для перформанса и просто для удобства

видимо дурацкий вопрос, но всё же, что за селекторы?

seamless-immutable в большинстве случаев - не нужен

видимо дурацкий вопрос, но всё же, что за селекторы?

Функции для выборок/агрегации данных из стейта редакса

видимо дурацкий вопрос, но всё же, что за селекторы?

Если ты не знаешь, то тебе это не нужно

Не забивай голову

Если ты не знаешь, то тебе это не нужно

ну я бы не сказал

Только хуже будет

mapStatetoProps?

видимо дурацкий вопрос, но всё же, что за селекторы?

Обычно ты должен рассматривать store как нормализованную РСУБД. Должен быть один источник данных. Если что-то можно вычислить из данных в store, это должно быть вычислено (а не храниться отдельно). Это и делает селектор.

просто банально код чище если не юзать в коннекте весь путь по стейту

seamless-immutable в большинстве случаев - не нужен

Аргументируй.

Чтобы применять такие вещи, нужно самому увидеть в них необходимость

Аргументируй.

spread оператора обычно достаточно

spread оператора обычно достаточно

seamless-immutable не отбирает и не заменяет spread оператор. Более того, они дополняют друг друга.

seamless-immutable не отбирает и не заменяет spread оператор. Более того, они дополняют друг друга.

Как хочешь, я не настаиваю)

Я вроде не писал, что категорически не нужен он

Как хочешь, я не настаиваю)

Даю подсказку: слово seamless в названии не просто так, оно имеет смысл ;)

а я юзаю https://github.com/mariocasciaro/object-path-immutable

заменяет спреды

то что на спредах в 5 строк тут одна

Seamless-immutable просто принуждает к иммутабельности. В нём, конечно, есть immutabity helpers, но они слабенькие и основная ценность не в них. А структура данных на выходе seamless-immutable имеет почти такой же API, что и у стандартных объектов. Кроме некоторых методов, которые изменяют объект. Они просто отключены.

Immutability helper ?

Редакс сам по себе уже принуждает к иммутабельности, иначе он не будет работать

Если мы ведем разговор в контексте редакса, конечно

При этом этот seamless-immutable убивает производительность в ноль

Редакс сам по себе уже принуждает к иммутабельности, иначе он не будет работать

Вообще-то не принуждает.

Прод режим вырезает чекинг

И фризинг

Чему там убивать

Вообще-то не принуждает.

если начать юзать pure то принуждает )

Прод режим вырезает чекинг

Это где это?

если начать юзать pure то принуждает )

Что такое pure в redux?

в реакте имею в виду

редакс не принуждает, да

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

Ну тут нет шаринга данных между похожими сущностями как в immutable js

Каждый объект съедает память

В immutable js берется старый объект и применяется патч

ERROR: S client not available

Ну как в ирлонге

И кложе

Immutable.js мне разонравился. Ломает стандартный API.

А в чем проблема использовать обычные массивы?

Да ни в чем

Мне прилетают данные в стор

Просто можно случайно изменить его и долго отлаживать.

После они раскидывается в разные коллекции

1000 позициий и у них 4 нормализованного вида

С immutable все будет занимать примерно одинаковое количество памяти

Что 4

Что 10

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

С чего бы?

то что на спредах в 5 строк тут одна

Кстати, звучит как излишне глубокий state.

1000 * 4

1000*10

Так ок, а у immutable почему нет?

Кстати, звучит как излишне глубокий state.

да нет

Андер з худ immutable работает с данными также как с ними работают яп с иммутабельными структурами

Да, и ?

4 коллекции по 1000 элементов будут шарить между собой неизмененные данные

Что и

Итс ол

Не будут

Шарить будут только разные версии одной и той же структуры

В отличии от обычных структур

Остальное точно так же

Какие сейчас рекомендации на счёт компонентов? function based предпочтительнее, чем es6 class based?