Дадаць канал

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

  • 18.08.2019
  • 59 779 праглядаў
  • 👍 4 649
  • 💬 386
https://it-incubator.io/education/?utm_source=youtube&utm_medium=it-k&utm_campaign=education - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость. Поддержать меня можно на patreon https://www.patreon.com/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/blog/445276 Обязательно гуглим эту тему в официальной документации! Летим, самураи!!! Уроки по React JS: https://www.youtube.com/playlist?list=PLcvhF2Wqh7DNVy1OCUpG3i5lyxyBWhGZ8 * Сайты: https://it-kamasutra.com https://it-incubator.eu https://samuraijs.com * Мы в соц. сетях: https://vk.com/itkamasutra https://instagram.com/itkamasutra https://telegram.me/itkamasutra * Мои личные VK и Insta: https://vk.com/d.kuzyuberdin https://www.instagram.com/it.kamasutra.dimych/ #useState #hook #reactJS
Катэгорыя: Тэхналёгіі
Канал: IT-Kamasutra

Іншыя відэа з гэтай праграмы