Проекты для начинающих на ReactJS

Все проекты разработаны для бесплатного курса на канале Archakov Blog

Каждый проект хранится в отдельной ветке.

Счётчик

🌿 Ветка: counter

👀 Что изучим?

Что такое состояние (state)
Хук useState
Как при клике на кнопку вызывать функцию

Модальное окно

🌿 Ветка: modal

👀 Что изучим?

Условный рендер
Как делать анимированное модальное окно
Как передавать в модально окно контент (children)
Как передавать пропсы

Quiz (опросник)

🌿 Ветка: quiz

👀 Что изучим?

Поэтапный рендер контента
Прогрессбар
Передача пропсов для рендера результата опроса

Список гостей (пользователей)

🌿 Ветка: users

👀 Что изучим?

Работа с хуком useEffect
Отправка запроса на бэкенд с помощью fetch и рендер этих данных
Скелетон с помощью библиотеки react-content-loader
Поиск пользователей
Рендер списка пользователей
Spread-оператор
Добавление/удаление пользователей из массива приглашений
Отображение информации о загрузке контента

Конвертер валют

🌿 Ветка: currency-converter

👀 Что изучим?

Работа с хуком useEffect
Получение списка курса валют из отдельного API
Конвертация одной валюты в другую и наоборот (без бэкенда)

Коллекция фотографий

🌿 Ветка: photos

👀 Что изучим?

Фильтрация коллекций с помощью категорий
Поиск коллекций
Пагинация
Получение, пагинация через бэкенд
Отображение информации о загрузке контента