84 - React JS - hook, useState, хуки

https://it-incubator.io/education/?ut... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.

Поддержать меня можно на patreon   / itkamasutra   или оформив спонсорство на данном канале.

Помогайте друг другу вот здесь: https://t.me/reactjs_samurai
API: https://social-network.samuraijs.com/

Зачем нам нужны хуки (hooks)??? Хуки - это функции, которые умеют делать что-то крутое и очень гармонично вписываются в инфраструктуру реакта.

ReactJS хочет уйти в сторону и не использовать классовые компоненты вовсе. Но без классовых компонент мы не могли обойтись: нам иногда (или часто) нужен стейт внутри компоненты, а так же нам нужны методы жизненного цикла компоненты, чтобы делать побочные эффекты (side-effects) (componentDidMount\componetnDidUpdate), предотвращать перерисовку лишнюю (shouldComponentUpdate), зачищать мусор (componentWillUnmount) и ещё всякое разное...

Нам НУЖНЫ были классовые компоненты. Но разработчики ReactJS решили научить функциональные компоненты решать перечисленные выше ситуации иным способом: не с помощью методов жизненного цикла и локального стейта, а с помощью хуков.

И так, начинаем с самого простого и понятного: useState.
useState позволяет нам внутри функциональной компоненты доставать состояние, сохранённое для этой компоненты на прошлом этапе отрисовки. Для неискушенного обывателя это выглядит, будто внутри самой функциональной компоненты у нас есть "локальный стейт", точь-в-точь, какой у нас был в классовой компоненте (this.state, this.setState)


А вот та самая статья про разжеванное объяснение от создателя:
https://habr.com/ru/company/ruvds/blo...

Обязательно гуглим эту тему в официальной документации!

Летим, самураи!!!

Уроки по React JS:    • Курс "React JS - путь самурая 1.0", у...  


Сайты:
https://it-kamasutra.com
https://it-incubator.eu
https://samuraijs.com



Мы в соц. сетях:
https://vk.com/itkamasutra
  / itkamasutra  
https://telegram.me/itkamasutra

Мои личные VK и Insta:
https://vk.com/d.kuzyuberdin
  / it.kamasutra.dimych  

#useState #hook #reactJS