
YouTubePrice
This course is free to watch on its platform.
Watch free on YouTube →Mark your own learning status. Opening a course link does not establish enrollment.
Loading saved status…
This React course builds two projects as it goes: a chatbot and an ecommerce site. Each comes with exercises, and the course moves from React basics and JSX through components, props, state and hooks to a proper Vite setup.
Later sections cover React Router, Git, fetching and mutating data against a backend, automated tests with Vitest, and deployment to the internet with an introduction to AWS. The closing sections look at React 19 updates, TypeScript and AI with React.
In this React tutorial and React full course, build websites and projects with React.
React Premium Course: https://courses.supersimple.dev/courses/react
Frontend Bundle (React, JS, HTML CSS): https://courses.supersimple.dev/bundles/frontend-bundle
Membership: https://youtube.com/@SuperSimpleDev/join
or https://member.supersimple.dev (10% OFF the USD price)
Links in this course: https://github.com/SuperSimpleDev/react-course/blob/main/1-links.md
Exercise solutions: https://github.com/SuperSimpleDev/react-course/tree/main/1-exercise-solutions
Copy of the code: https://github.com/SuperSimpleDev/react-course/tree/main/2-copy-of-code
Troubleshooting: https://github.com/SuperSimpleDev/react-course/blob/main/2-troubleshooting.md
🎓 Premium Courses (get a certificate, better learning experience, support SuperSimpleDev ❤️)
Frontend Bundle (React, JS, HTML CSS): https://courses.supersimple.dev/bundles/frontend-bundle
React Premium Course: https://courses.supersimple.dev/courses/react
JavaScript Premium Course: https://courses.supersimple.dev/courses/javascript
HTML CSS Premium Course: https://courses.supersimple.dev/courses/html-css
Sections:
0:00 Intro
1:20 1. React Basics, JSX
40:16 2. Components, Props, Start the Chatbot Project
1:36:49 3. State, Event Handlers, Chatbot Project Features
2:42:41 4. CSS with React, Hooks, Finish Chatbot Project
3:48:49 5. Proper React Setup with Vite
4:59:29 6. React Router, Git, Start the Ecommerce Project
6:09:59 7. React with Backend, Data Fetching, Load Ecommerce Project Data
8:00:58 8. Data Mutation, Update Ecommerce Project Data
8:50:10 9. Automated Tests in React with Vitest
9:50:31 10. Deploy React to the Internet, Intro to AWS
10:41:06 11. React 19 Updates
10:50:13 TypeScript with React
11:24:12 AI with React
11:31:09 Conclusion and Next Steps
Additional information:
This React tutorial and React full course is a project based series of React tutorials for software engineers. Each React tutorial builds on a project and provides some React exercises to practice what we learned. By the end, we'll learn how to create complex websites and projects with React, JavaScript, HTML, and CSS, which will help you become a web developer and software engineer.
#react #supersimpledev #reactcourse #reacttutorial #reactjs #javascript #html #css #webdevelopment #webdeveloper #softwaredeveloper #softwaredevelopment #coding #codingtutorial #softwareengineer #softwareengineering #learntocode
Advertisement
No Korshub reviews yet.