Size: a a a

React — русскоговорящее сообщество

2020 October 14

ДШ

Дмитрий Шевченко... in React — русскоговорящее сообщество
export default React.memo ( Component );

function Component () {}
источник

IN

Igor N in React — русскоговорящее сообщество
Иван
ну вот тебе жизненный опыт подсказывает, когда следует проверку вставить, а когда — нет. так же и с оптимизациями. постепенно доходит

оптимизация от кучи параметров зависит

вот есть список.

если в списке тысяча элементов, очевидно нужно оптимизировать ререндеры элементов списка. а если в списке никогда не будет больше 5 элементов, завчем оптимизировать перерисовку? незачем.
но, с другой стороны, если внутри каждого элемента списка лежит дерево из тысячи неоптимизированных компонентов, то надо оптимизировать. а если не тысяча, а два — зачем оптимизировать?
Ключевое тут — жизненный опыт. Далеко не у всех он есть. Для новичков и не только это — неведомая *баная херня, из-за чего я и начал этот тред.
источник

ДШ

Дмитрий Шевченко... in React — русскоговорящее сообщество
Вроде по читабельности не сильно грузит
источник

ДШ

Дмитрий Шевченко... in React — русскоговорящее сообщество
Иван
если всегда мемоизировать, то код будет работать и читаться медленнее, чем если мемоизировать не всегда
А замедлением в работе можно пренебречь - оно не значительное в общем случае
источник

И

Иван in React — русскоговорящее сообщество
Дмитрий Шевченко
export default React.memo ( Component );

function Component () {}
источник

G

Godfather in React — русскоговорящее сообщество
Народ, всем привет! Подскажите плез, почему при передаче метода в дочерний элемент надо делать, например,
<Child
 clickElement={this.clickElement.bind(null,index)
/>
источник

И

Иван in React — русскоговорящее сообщество
Igor N
Ключевое тут — жизненный опыт. Далеко не у всех он есть. Для новичков и не только это — неведомая *баная херня, из-за чего я и начал этот тред.
приходим к выводу, что надо думать головой и разбираться в теме, а не забивать хуй и лупить по клавиатуре с завязанными глазами
источник

М

Мерч in React — русскоговорящее сообщество
окей, думаю MobX читабельнее будет
с этими вашими оптимизациями можно слишком далеко зайти
источник

ip

ivan posokhin in React — русскоговорящее сообщество
Godfather
Народ, всем привет! Подскажите плез, почему при передаче метода в дочерний элемент надо делать, например,
<Child
 clickElement={this.clickElement.bind(null,index)
/>
кто сказал так делать?
источник

dd

dwadw dwd in React — русскоговорящее сообщество
Всем привет, можете подсказать какой-нибудь хороший курс по реакту на русском языке?
источник

IN

Igor N in React — русскоговорящее сообщество
Иван
приходим к выводу, что надо думать головой и разбираться в теме, а не забивать хуй и лупить по клавиатуре с завязанными глазами
фреймворки сделаны чтобы облегчать разработку, а не усложнять её :)
источник

ДШ

Дмитрий Шевченко... in React — русскоговорящее сообщество
Не велика беда
источник

М

Мерч in React — русскоговорящее сообщество
dwadw dwd
Всем привет, можете подсказать какой-нибудь хороший курс по реакту на русском языке?
источник

dd

dwadw dwd in React — русскоговорящее сообщество
большое спасибо
источник

G

Godfather in React — русскоговорящее сообщество
ivan posokhin
кто сказал так делать?
Просто увидел пример. Вот например есть аккордеон

{panels.map((panel, index) =>
 <AccordionPanel
   key={ index }
   activeTab={ activeTab }
   index={ index }
   { ...panel }
   activateTab={ this.activateTab.bind(this, index) }
 />
)}
источник

И

Иван in React — русскоговорящее сообщество
Igor N
фреймворки сделаны чтобы облегчать разработку, а не усложнять её :)
спорно. ну да бог с тобой
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Дмитрий Шевченко
Не велика беда
Эта не велика беда однажды сводиться к часовым поискам бага, потому что импортируют с другим именем
источник

М

Максим in React — русскоговорящее сообщество
dwadw dwd
большое спасибо
Юрий Бура , есть на юдеми , есть на торентах, а дальше как карта ляжет
источник

ip

ivan posokhin in React — русскоговорящее сообщество
Godfather
Просто увидел пример. Вот например есть аккордеон

{panels.map((panel, index) =>
 <AccordionPanel
   key={ index }
   activeTab={ activeTab }
   index={ index }
   { ...panel }
   activateTab={ this.activateTab.bind(this, index) }
 />
)}
в первом сообщении у тебя null в bind
источник

G

Godfather in React — русскоговорящее сообщество
А, это я уже исправил null на this, чтобы проверить. Ничего не поменялось, аккордеон нормально работает.
источник