Тема 4 из 6 Важная тема
Месяц 4. React
Компоненты, JSX, пропсы, состояние, хуки, формы, запросы и React Router.
- 01 Знакомство с React, установка и JSX В этом уроке мы познакомимся с React — самой популярной библиотекой для создания интерфейсов. Разберёмся, зачем она нужна, создадим первый проект через Vite, поймём, что такое… ≈12 мин
- 02 Компоненты, пропсы, импорт и экспорт, Ant Design В прошлом уроке все компоненты жили в одном файле и всегда показывали одно и то же. Теперь научимся раскладывать компоненты по отдельным файлам, импортировать и экспортировать их… ≈12 мин
- 03 Списки и ключи, CSS Modules и обработчики событий Почти любой сайт показывает списки: товары, комментарии, сообщения, задачи. В этом уроке научимся выводить массивы данных через map , разберёмся, зачем React нужны ключи key … ≈12 мин
- 04 Состояние и жизненный цикл: useState и useEffect До сих пор наши компоненты были «статуэтками»: красивые, но неподвижные. В этом уроке мы оживим их с помощью двух главных хуков React. useState даёт компоненту память — счётчик… ≈12 мин
- 05 Хуки useRef, useMemo и useCallback В этом уроке разберём ещё три встроенных хука React. useRef даёт прямой доступ к DOM-элементу и позволяет хранить значение, которое не вызывает перерисовку. useMemo и useCallback… ≈11 мин
- 06 Формы: react-hook-form, валидация yup и react-toastify Формы есть почти в каждом приложении: регистрация, вход, оформление заказа, отзыв. В этом уроке посмотрим, как делать форму на чистом React и почему это быстро становится… ≈13 мин
- 07 ToDoList: axios, json-server и Postman Пора собрать всё изученное в настоящий мини-проект — список задач (ToDoList), который хранит данные на сервере. Мы поднимем учебный сервер json-server за одну минуту, проверим его… ≈15 мин
- 08 React Router: маршруты, useParams, useNavigate и lazy Пока всё наше приложение жило на одной странице. Но настоящему сайту нужны разделы: главная, каталог, карточка товара, профиль — и у каждого свой адрес в браузере. В этом уроке… ≈15 мин