Проекты для начинающих на ReactJS
Все проекты разработаны для бесплатного курса на канале Archakov Blog
Каждый проект хранится в отдельной ветке.
Счётчик
🌿 Ветка: counter
👀 Что изучим?
- Что такое состояние (state)
- Хук useState
- Как при клике на кнопку вызывать функцию
Модальное окно
🌿 Ветка: modal
👀 Что изучим?
- Условный рендер
- Как делать анимированное модальное окно
- Как передавать в модально окно контент (children)
- Как передавать пропсы
Quiz (опросник)
🌿 Ветка: quiz
👀 Что изучим?
- Поэтапный рендер контента
- Прогрессбар
- Передача пропсов для рендера результата опроса
Список гостей (пользователей)
🌿 Ветка: users
👀 Что изучим?
- Работа с хуком useEffect
- Отправка запроса на бэкенд с помощью fetch и рендер этих данных
- Скелетон с помощью библиотеки
react-content-loader - Поиск пользователей
- Рендер списка пользователей
- Spread-оператор
- Добавление/удаление пользователей из массива приглашений
- Отображение информации о загрузке контента
Конвертер валют
🌿 Ветка: currency-converter
👀 Что изучим?
- Работа с хуком useEffect
- Получение списка курса валют из отдельного API
- Конвертация одной валюты в другую и наоборот (без бэкенда)
Коллекция фотографий
🌿 Ветка: photos
👀 Что изучим?
- Фильтрация коллекций с помощью категорий
- Поиск коллекций
- Пагинация
- Получение, пагинация через бэкенд
- Отображение информации о загрузке контента