π Check Out My New Released React Course: https://www.webdevultra.com/react Use the code EARLY100 to get 20% off if you are one of the first 100 people :) Welcome to my beginner react course. In this course you will learn react in 1.5 hours. This is a beginner video and you don't need any prior react knowledge, although its welcomed :) I do recommend knowing the basics of JavaScript beforehand. π Support My Work: https://buymeacoffee.com/pedrow π° Join My Newsletter: https://www.pedrotech.co/newsletter π Video Resources: Code Repo: https://www.webdevultra.com/video-info/3OqiKTyH4r0 π Courses & Tutorials: Learn ReactJS By Building 6 Projects: https://codedamn.com/learn/reactjs-projects GraphQL Course for Beginners: https://codedamn.com/learn/graphql-for-beginners π» Check out my Blog: https://www.pedrotech.co π€ Follow me on Twitter: (https://twitter.com/pedrotech_) πΈ Follow me on Instagram: (https://www.instagram.com/pedro.fmachado_/) π§³ Follow me on Linkedin: (https://www.linkedin.com/in/pedrotech/) π¨βπ» GitHub: https://github.com/machadop1407 π Business Email: pedro@pedrotech.co Timestamps: 00:00:00 | Introduction & Course Overview 00:02:59 | React Concepts Overview (JSX, Components, Props, Virtual DOM) 00:03:31 | Environment & Project Setup (Node.js, VSΒ Code, Vite) 00:08:47 | Project Structure Overview (vite.config.js, package.json, index.html, main.jsx, app.jsx, CSS & Assets) 00:15:52 | Starting UI & Quiz Component Creation 00:23:01 | Defining the Question Bank 00:23:59 | Rendering Quiz Questions & Options 00:27:56 | Adding Navigation Buttons 00:29:41 | State Management & Option Selection 00:34:47 | Tracking User Answers & Current Question State 00:41:30 | Navigation Logic (Prev/Next & Disabling Buttons) 00:45:38 | Dynamic Styling for Selected Options 00:53:05 | Conditional Next/Finish Button Label 00:56:55 | Creating Results Component 01:00:36 | Passing Props & Calculating Score 01:06:55 | Restart Quiz Functionality 01:17:14 | Conclusion & Next Steps

React Native Best Practices Full Course 2026 - Optimisations, Error Tracking, OpenTelemetry...
3.7K views

Build and Deploy A Production Ready Events Manager Website | NextJS, React, TailwindCSS, PostgreSQL
15.5K views

TanStack Query Full Course 2026 | useQuery, useMutation, Caching, Infinite Queries, Pagination...
14.1K views

PERN Full Course 2026 | React, NodeJS, Express, PostgreSQL...
26.8K views

React Native Full Course 2026 | Build a Mobile App Using Expo
48.9K views

ReactJS Full Course 2026 | Build and Deploy a Beginner Ecommerce Website using React
98.6K views