[ Ссылка ] - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon [ Ссылка ] или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: [ Ссылка ]
API: [ Ссылка ]
Зачем нам нужны хуки (hooks)??? Хуки - это функции, которые умеют делать что-то крутое и очень гармонично вписываются в инфраструктуру реакта.
ReactJS хочет уйти в сторону и не использовать классовые компоненты вовсе. Но без классовых компонент мы не могли обойтись: нам иногда (или часто) нужен стейт внутри компоненты, а так же нам нужны методы жизненного цикла компоненты, чтобы делать побочные эффекты (side-effects) (componentDidMount\componetnDidUpdate), предотвращать перерисовку лишнюю (shouldComponentUpdate), зачищать мусор (componentWillUnmount) и ещё всякое разное...
Нам НУЖНЫ были классовые компоненты. Но разработчики ReactJS решили научить функциональные компоненты решать перечисленные выше ситуации иным способом: не с помощью методов жизненного цикла и локального стейта, а с помощью хуков.
И так, начинаем с самого простого и понятного: useState.
useState позволяет нам внутри функциональной компоненты доставать состояние, сохранённое для этой компоненты на прошлом этапе отрисовки. Для неискушенного обывателя это выглядит, будто внутри самой функциональной компоненты у нас есть "локальный стейт", точь-в-точь, какой у нас был в классовой компоненте (this.state, this.setState)
А вот та самая статья про разжеванное объяснение от создателя:
[ Ссылка ]
Обязательно гуглим эту тему в официальной документации!
Летим, самураи!!!
Уроки по React JS: [ Ссылка ]
* Сайты:
[ Ссылка ]
[ Ссылка ]
[ Ссылка ]
* Мы в соц. сетях:
[ Ссылка ]
[ Ссылка ]
[ Ссылка ]
* Мои личные VK и Insta:
[ Ссылка ]
[ Ссылка ]
#useState #hook #reactJS
Ещё видео!