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

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

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

Счётчик

1660249082356

🌿 Ветка: counter

👀 Что изучим?

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

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

1660249510674

🌿 Ветка: modal

👀 Что изучим?

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

Quiz (опросник)

1660249609940

🌿 Ветка: quiz

👀 Что изучим?

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

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

1660249789449

🌿 Ветка: users

👀 Что изучим?

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

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

1660250017350

🌿 Ветка: currency-converter

👀 Что изучим?

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

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

1660250202173

🌿 Ветка: photos

👀 Что изучим?

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