Создание компонента опроса/голосования на React (задача с технического собеседования)📊

Описание: Временные метки
0:00 Вступление
0:09 Демонстрация
0:47 Настройка проекта
01:19 Создание базовой структуры
02:17 Добавление объекта опроса
04:31 Отображение объекта опроса
06:27 Добавление переменных состояния
08:04 Важный урок и исправление ошибки
09:37 Функция для обработки голосования (ОСНОВНАЯ ЧАСТЬ)
16:27 Расчет процента и общего количества голосов (Зачем мы это делаем)
19:29 Привязка функций к пользовательскому интерфейсу и добавление базовых стилей
27:50 Добавление стилей и финальная демонстрация
28:14 Заключение

Компоненты опроса кажутся простыми, пока вы не задумаетесь о
логике голосования. Первый голос, изменение вашего голоса, отмена голосования — три сценария, одна функция. В этом видео мы создадим
полностью рабочий компонент опроса с нуля с динамическими полосами процентов, которые обновляются в реальном времени.

Что мы рассмотрим:
→ Структурирование данных опроса с помощью вариантов и количества голосов
→ Отслеживание выбранного варианта с помощью одной переменной состояния
→ Голосование, отмена голосования и изменение вашего голоса — все три сценария объяснены
→ Расчет процентов в реальном времени с помощью reduce
→ Индикаторы выполнения, которые анимируются по мере изменения голосов
→ Обработка граничного случая деления на ноль

github: https://github.com/cookingthecode223/...

Чистая логика, никаких библиотек, только React.

🔔 Новые видео по React и JavaScript каждую неделю на
Cooking the Code.

#reactjs #machine #coding #reactinterview #webdevelopment
#javascript #frontend #codinginterview #learnreact
#frontenddevelopment #reacttutorial #опрос #голосование
#interviewprep #reactprojects #reactjstutorial #collegeplacementsindia #reactforbeginners