Size: a a a

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

2021 April 02

S

Snake in React — русскоговорящее сообщество
Artem
Всем привет, я новичек в реакте, начал изучение с курса "Kent C. Dodds EpickReact". В курсе он максимально пропагандирует функциональный подход, это сейчас действительно бест практис или стоит уделить больше времени классовому подходу? или это просто холиварная тема?)
Оба подхода имеют свои плюсы и минусы. Но я думаю лучше смотреть в сторону функциональных компонентов
источник

S

Snake in React — русскоговорящее сообщество
Artem
Всем привет, я новичек в реакте, начал изучение с курса "Kent C. Dodds EpickReact". В курсе он максимально пропагандирует функциональный подход, это сейчас действительно бест практис или стоит уделить больше времени классовому подходу? или это просто холиварная тема?)
Когда используешь функциональные компоненты - нужно быть очень аккуратным в плане производительности
источник

OM

Oleh Myhal in React — русскоговорящее сообщество
Можно ли как-то этот код обернуть в withRouter? И можно ли добавить второе событие в onClick, не создавая новую функцию-обертку для двух других функций?
источник

DM

Daniil Mikurov in React — русскоговорящее сообщество
про онклик вряд ли
источник

i

iwahid in React — русскоговорящее сообщество
Snake
Когда используешь функциональные компоненты - нужно быть очень аккуратным в плане производительности
О, а можете назвать несколько различий между функциональным и классовым подходами? Именно в плане производительности.
Не холивар, просто интересно, хотелось бы понять.

У кого не спрашиваю - все говорят что разница вроде есть, а в чем именно - тишина.

То, что в классовых есть pureComponent, так в функциональных есть реакт мемо
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
iwahid
О, а можете назвать несколько различий между функциональным и классовым подходами? Именно в плане производительности.
Не холивар, просто интересно, хотелось бы понять.

У кого не спрашиваю - все говорят что разница вроде есть, а в чем именно - тишина.

То, что в классовых есть pureComponent, так в функциональных есть реакт мемо
источник

S

Snake in React — русскоговорящее сообщество
iwahid
О, а можете назвать несколько различий между функциональным и классовым подходами? Именно в плане производительности.
Не холивар, просто интересно, хотелось бы понять.

У кого не спрашиваю - все говорят что разница вроде есть, а в чем именно - тишина.

То, что в классовых есть pureComponent, так в функциональных есть реакт мемо
Без оптимизаций - функциональные компоненты пересоздают все функции, перевызывают хуки и так далее. С оптимизациями - у многих новичков возникают проблемы с доступом к актуальному состоянию.
источник

S

Snake in React — русскоговорящее сообщество
Пересоздание функцией и так далее - обычно происходит достаточно быстро и не вызывает проблем
источник

S

Snake in React — русскоговорящее сообщество
Но если компонент реализован через одно место и в нем происходит много ререндеров в небольшой промежуток времени - это уже начинает становиться проблемой
источник

S

Snake in React — русскоговорящее сообщество
Минус классовых компонентов в том, что инстанцирование классов - дорогая операция. По словам разработчиков реакта.
источник

i

iwahid in React — русскоговорящее сообщество
функциональные компоненты пересоздают все функции, перевызывают хуки и так далее.

А в классовых это решается
Методами жизненного цикла?
источник

S

Snake in React — русскоговорящее сообщество
iwahid
функциональные компоненты пересоздают все функции, перевызывают хуки и так далее.

А в классовых это решается
Методами жизненного цикла?
Нет. Классовые компоненты просто не пересоздают методы.
источник

S

Snake in React — русскоговорящее сообщество
Методы жизненного цикла тут вроде как не при чем
источник

i

iwahid in React — русскоговорящее сообщество
А, ну вроде понял.
При ререндере, функциональные полностью создаются заново, а классовые сохраняются
источник

i

iwahid in React — русскоговорящее сообщество
Snake
Методы жизненного цикла тут вроде как не при чем
Спасибо, понял.
А есть ещё какие-то различия между подходами?
Насколько я понял из того что изучил и опробовал, в функциональных реализованы уже все аналоги того, что существует в классовых
источник

S

Snake in React — русскоговорящее сообщество
iwahid
Спасибо, понял.
А есть ещё какие-то различия между подходами?
Насколько я понял из того что изучил и опробовал, в функциональных реализованы уже все аналоги того, что существует в классовых
Не совсем. Способа выполнить что-либо перед рендером до сих пор нет. Или я просто чего-то не знаю.
У классовых есть ещё некоторые проблемы, которые были актуальны раньше, сейчас уже нет.
источник

i

iwahid in React — русскоговорящее сообщество
Snake
Не совсем. Способа выполнить что-либо перед рендером до сих пор нет. Или я просто чего-то не знаю.
У классовых есть ещё некоторые проблемы, которые были актуальны раньше, сейчас уже нет.
Перед рендером - точно.
Спасибо
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Snake
Минус классовых компонентов в том, что инстанцирование классов - дорогая операция. По словам разработчиков реакта.
Где эти слова, можно ссылку?
источник

S

Snake in React — русскоговорящее сообщество
Vladimir Klimov
Где эти слова, можно ссылку?
Вряд ли
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Snake
Вряд ли
Тогда откуда вы взяли, что это так?)
Ну, просто интересно)
источник