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