andrei
anoru
Anonymous
Дима
andrei
так это вроде реакта тонкость
andrei
а не редакса)
andrei
точнее жса вообще
anoru
anoru
код нерабочий
Дима
и все что ли?
У тебя компонент перерендеривается абсолютно каждый раз, этого мало?))
andrei
а что тут еще, key нету?
Дима
код нерабочий
Блин, я вообще сначала хотел написать в псевдокоде
Дима
Дима
Суть не в этом
anoru
нет, ну я так не пишу, но как пример просто можно сложнее штуки написать )
Дима
Апдейтнул пример, теперь прям каноничный случай
anoru
Вот видишь
я вижу, что код не рабочий ваще. Откуда там id возьмется.
anoru
ой, код изменилсЯ?
anoru
IT IS MAGIC
andrei
лол
anoru
не, ну тут очевидно, но где ваще берется id в твоем примере
anoru
onClick = id => () => handle(id)
renderButton = e => <button onClick={this.onClick(e)}
anoru
типа в этом фишка ошибки или опечатка?
Дима
anoru
и?
anoru
все равно не понимаю откуда ты берешь id
anoru
ты его никак не передаешь и он заранее нигде не прописан
andrei
wut)
anoru
а онкликл передаешь евент
andrei
там map же
anoru
и чем мап помогает?)
Kirill
Id это элемент листа
Kirill
Хотя сути проблемы так и не понял
Kirill
andrei
Дима
Хотя сути проблемы так и не понял
При каждом рендере вызывается onClick, который возвращает функцию () => anything, что приводит к постоянному ререндеру, так как ломает shallow compare
Дима
так как нельзя пересоздавать функции в рендере без последствий
Дима
Kirill
Да понятно теперь
Sergey
anoru
Ага, это я что-то лоханулся конкретно. Вставл в код и сразу понятно стало.
anoru
У меня просто мозг поломался, т.к. я представлял, что в list массив объектов. И было странно, что в id попадает не объект, а сразу значение id
Rafael 🌵
Kirill
Понимает а не применяет
Дима
Можно на медиуме искать по тегам
Rafael 🌵
Дима
ну так то вообще собрано
Дима
http://redux.js.org/ содержит довольно исчерпывающую информацию
Дима
Правда лично я считаю редакс без redux-act банально не полноценным, но это уже мелочи)
anoru
anoru
держи топ по году
anoru
практически все полезно
Rafael 🌵
пасиба за ссылки
Дима
Rafael 🌵
Дима
В районе Normalizing State Shape — самое важное, считай и суть, и how to и про распространенные ошибки
Дима
Фактически, с редаксом в больших приложениях нужно работать как с реляционной базой данных
Дима
На низком уровне прям те же концепты — нормализация, Primary Key / Foreign Key, индексы и т.д.
Andrey
Дима
Атомарные транзакции
Дима
Andrey
Что ж поделать, такова цена безграничной кастомизации
Дима
Ага
Дима
redux — это считай самый нижний уровень, как драйвер, особо бесполезный без корректного окружения)
Andrey
Интересно, Дане Абрамову редукс не во сне приснился, как Менделееву? :D
👁
Нет, вдохновился Elm
Andrey
Последнее время всё больше об Elm слышу, пора наверное будет скоро глянуть, что это за зверь
Andrey
*Хайпометр плавно поднимается*
👁
Мне не оч, но посмотреть однозначно стоит.
Egor
Добрый вечер) Здесь есть люди которые работают с vue.js?
Kreizo 🇺🇦
vue.js для узкоглазых
Egor
)))
Oleg
Это конечно болезнь
Oleg
Сначала спросить а знает ли кто технологию