g0v0r0d/react-beginner-projects

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

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

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

Счётчик

🌿 Ветка: counter

👀 Что изучим?

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

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

🌿 Ветка: modal

👀 Что изучим?

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

Quiz (опросник)

🌿 Ветка: quiz

👀 Что изучим?

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

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

🌿 Ветка: users

👀 Что изучим?

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

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

🌿 Ветка: currency-converter

👀 Что изучим?

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

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

🌿 Ветка: photos

👀 Что изучим?

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