Опасный React [ru] / Елена Жукова

[@ТарасМаковейчук]

Не нужно было думать про Турцию, в этом причина.
ЗЫ. Что за приложение ручка - рисовалка по экрану?

[@grigoriik.shartsev4679]

Epic Pen, сразу себе поставил, когда увидел на докладе)

[@InSimpleWords_WebDev]

Хороший доклад. Показывает что хороший программист (инженер) должен думать, а не просто механически писать код. Жаль только , что думать получается, когда есть или большой опыт или обширные знания. А если джуна подгоняют, да и сам он слабо знает основы - будет боль. PS: хороший показательный пример на реакте.

[@sc0or]

Реакт чем хорош: самый простой путь является самым правильным. Потому что эта парадигма заложена при разработке библиотеки. Код с "наворотами" как правило даст хуже результат, нежели "красиво" разделенный на компоненты. Этому легко следовать с нуля (без необходимости постоянно обращаться к исходникам), но довольно-таки муторно при изменении функционала. Банально лень все переписывать. Большое желание навесить новые "обязанности" на уже существующие компоненты

[@sashalavrenchuk1295]

ruclips.net/video/ze4Qve1azA0/видео.html
"если это будет контекст в контексте - все равно все поломается". что это значит? по этой логике, если у нас в приложении есть вложенный контекст (а он как правило есть в большинстве случаев), то они уже не будут правильно ререндерится? или я не понял чего-то?

[@nikitaproit]

Орнул, стебать реактеров на реакт конференции это прям в голос.

[@YuriiKratser]

Не ори, ночь на дворе.

[@garikdjan6266]

Возможно я не по той ссылке нажал, может было где-то написано что это для "новичков". Смотрел с facepalm-ом на перемотке. У тебя компонент имеет состояние N, так вынеси это в отдельный компонент Clicker, пусть он будет statefull, ререндериться будет только он и его дочерние компоненты, а не весь App. Декомпозируй код - в этом весь смысл WebComponents...

[@TheStafflo]

Какой-то сумбурный доклад. А итоговое решение без как такого решения

[@TheStafflo]

​@@SylvanasCry Последний пример. Сделали глобальный контекст. Предложения решения, делите на мини-контексты, но делайте так. Использьзуйте редакс, но лучше не используйте редакс. Используйте математику, которая не работает в этом примере. Ну кароче оставайтесь с приложением, которое постоянно обновляется.
Как вариант, по скольку shallow compare не работает, а спред оператором происходит не глубокое копирование. Можно было написать hoc, который берет значения из контекста, и сует их через компонент, где уже будет работать shallow compare. Т.е. обновляется только hoc, но дальше рендер не идет

[@leetcode24]

Следить за лишними рендерами очень важно. благодарю Елену

[@nickname20151]

спс за доклад. чет удивился что решение таким оказалось))

[@rusnickk]

Ваша математика довольно распространёный подход рендера бесконечных списков элементов реализован в ReactVirtualized и множестве ему подобных библиотек

[@kolyabokov88]

Блин я бы слушал её вечно 😘😘😘

[@Stamp113]

А в чем суть финала доклада? "Как мы решили проблему с субтитрами? - Мы выкинули реакт, проблему решила математика" - а как проблему решила математика?

[@alexandershpilka5848]

Кайфонул от доклада. Спасибо!

[@vanmihaylovich]

Что за «математика» такая, которую Лена вспоминает каждый раз когда вспоминает ошибки использования React?

[@azatmagdeev]

O(n)

[@godforger]

она под солью?

[@mykhailonikolaiev6512]

супер,я в восторге!:)

[@nixaristix1819]

Умная женщина, не смотря на лямки "POHUY", ей до проектов дело все же есть

[@AnatoliyLitinskiy]

Ок, буду тренировать в себе Лену :))))

[@zatochiSiberian]

Спасибо)

[@sc0or]

А это приемлимо: рассказывать об оптимизации и использовать inline handlers в обработчиках UI событий везде?

[@АртемТерещенко-ц4э]

В чем проблема?

[@sc0or]

@@АртемТерещенко-ц4э Ну как бы в том, что у элементов будет новый хендлер при каждом ре-рендере родительского компонента. Значит, будет ре-рендер такого элемента. Если это одна кнопка, ну, ок.. А если список, где у каждого элемента какой-то onClick/onMouseEnter?.. Для хендлеров есть useCallback (если сам хендлер зависит от состояния) и useGetCallback (и другие) из пакета react-cached-callback

[@АртемТерещенко-ц4э]

@@sc0or Мемоизировать ивент хендлеры уместно только если ты их передаешь как props другим большим компонентам. В остальных случаях лишний рендер лучше чем проверка мемоизации.

[@alexup7437]

@@АртемТерещенко-ц4э если твоя мемоизация замемоизирует хотя бы 1 рендер из 10 - он выгоден . Смотри ит синяка

[@miketkachenko5939]

Зачем паясничать то?

[@kreeg]

Нормально у неё там на лямках написано "похую")

[@pavloburyanov5842]

это похуюди

[@alexdubkov6998]

С Реактом и не такую лямку приходится тянуть )))

[@MaksimMatson-h6n]

У меня подергиваются оба "глаза" при произношение "редюкс", что там говорит Google => redux[ˌrēˈdəks], или вот еще такое же слово duck[dək], видимо надо "дюк"

[@jelooJusta]

занудство, как оно есть

[@w1pe0ut]

@@jelooJusta Я думаю девушка просто троллит до конца))

[@ievgenk.8991]

Крутой доклад, спасибо)

[@pick-pock]

Огнище!

[@agroil8391]

О_о

[@lord8360]

А че Array.from({length:10},(_,idx)=>idx) для слабоков

[@____Olga__]

🔥

[@alexduka8304]

худи бесподобная на Елене =D

[@AnatoliyLitinskiy]

Блин, только заметил ее подтяжи )

[@kulakofft4]

редюкс)))

[@Nikitosss91]

Ля какая

[@dmitry9463]

Нах... это нужно?)))

[@vitaliy.osadchyj]

Реакт такий ))

[@egorp8245]

Нах!

[@Jaytecks]

Отправьте ее лучше на кухню)

[@Stamp113]

После того, как ты пойдешь в армию :)

[@valeriipimenov4894]

Спасибо)