React. Hooks: упрощаем управление состоянием и побочными эффектами
Что такое React Hooks?
Правила
useState — управление состоянием
useEffect → "Реакция на события"
А зачем нужен useContext?
Можно ли создавать свои хуки?
Зачем это всё нужно?
Как твой сайт может "звонить" в интернет и получать данные
Почему сайты "звонят" в интернет?
Как "позвонить" серверу? → HTTP-запрос
Где хранить данные в React? → useState
Когда "звонить"? → useEffect
А что, если интернет не работает?
А можно проще? → Библиотека Axios (опционально)
А можно ещё проще? → React Query
Роутинг
Знакомься — React Router!
Шаг 1 — Оберни всё в BrowserRouter
Шаг 2 — Создай меню с ссылками
Шаг 3 — Нарисуй "карту сайта" → <Routes> и <Route>
А как перейти "по кнопке", а не по ссылке?
106.78K

React123

1. React. Hooks: упрощаем управление состоянием и побочными эффектами

2. Что такое React Hooks?

Хуки — это функции, которые позволяют «подключаться» к возможностям
React (состояние, жизненный цикл и т.д.) внутри функциональных
компонентов.
Зачем они появились?
Упрощение компонентов (убираем классы).
Повторное использование логики (без HOC и render props).
Более читаемый и логичный код.

3.

Хуки — это специальные функции, которые "прицепляют" к обычной
функции суперсилы:
English     Русский Rules