Build Quiz App in React Project | ReactJS Tutorial with CSS modules and functional components

Описание к видео Build Quiz App in React Project | ReactJS Tutorial with CSS modules and functional components

#reactjs Take Quiz on https://dzmitryur.github.io/quiz-react/ and check your ReactJS knowledge.
Learn how to make the Quiz App in React with Vite, Functional Components, CSS modules, JSX, and hook `useState` by watching the video.

Link to the source code: https://github.com/DzmitryUr/quiz-react

⌚️Timestamps:
0:11 Design of the Quiz Project
1:47 Creating a new React Project using Vite
3:38 Data Structure for the Project
6:14 Creating Functional Component in React App
8:51 Using array.map() function to generate options
10:18 CSS Modules, writing CSS code
15:29 `useState` hook to keep data for buttons and selected option
16:49 `onClick` event handler for option
18:05 `onClick` event handlers for Submit and Next buttons
19:45 CSS for buttons with 'styles' object
22:25 Testing options and buttons, defining next steps for development
24:36 Code for wrong and correct selected options
27:11 Implementation of reloading Quiz and scores section
37:37 Refactoring React code by creating separate component
41:47 Final testing of the Quiz App

#reactjsforbeginners #reactjstutorialforbeginners #js #javascriptprojects #frontend #webdevelopment #javascriptbeginner #html5 #css3 #quizapp #javascriptcode #javascriptcoding

Комментарии

Информация по комментариям в разработке