Modern React Tutorial

Net Ninja via YouTube

Start learning Write review

Details

Start learning

Provider

YouTube
Pricing

Free Video
Languages

English
Duration & workload

3 hours 30 minutes
Sessions

On-Demand
Level

Beginner

Found in

Dive into a comprehensive 3.5-hour video tutorial series on modern React development. Learn to create React applications, work with components and templates, handle dynamic values, and implement click events. Master essential concepts like state management with useState, utilize React Dev Tools, and output lists efficiently. Explore props, component reuse, and function passing as props. Delve into hooks like useEffect, handle data fetching, and create custom hooks. Navigate through React Router, implement exact match routes, and manage route parameters. Practice form handling with controlled inputs, make POST requests, and implement programmatic redirects. Conclude with blog deletion functionality and 404 page creation, providing a solid foundation for building dynamic React applications.

Syllabus

Full React Tutorial #1 - Introduction.
Full React Tutorial #2 - Creating a React Application.
Full React Tutorial #3 - Components & Templates.
Full React Tutorial #4 - Dynamic Values in Templates.
Full React Tutorial #5 - Multiple Components.
Full React Tutorial #6 - Adding Styles.
Full React Tutorial #7 - Click Events.
Full React Tutorial #8 - Using State (useState hook).
Full React Tutorial #9 - Intro to React Dev Tools.
Full React Tutorial #10 - Outputting Lists.
Full React Tutorial #11 - Props.
Full React Tutorial #12 - Reusing Components.
Full React Tutorial #13 - Functions as Props.
Full React Tutorial #14 - useEffect Hook (the basics).
Full React Tutorial #15 - useEffect Dependencies.
Full React Tutorial #16 - Using JSON Server.
Full React Tutorial #17 - Fetching Data with useEffect.
Full React Tutorial #18 - Conditional Loading Message.
Full React Tutorial #19 - Handling Fetch Errors.
Full React Tutorial #20 - Making a Custom Hook.
Full React Tutorial #21 - The React Router.
Full React Tutorial #22 - Exact Match Routes.
Full React Tutorial #23 - Router Links.
Full React Tutorial #24 - useEffect Cleanup.
Full React Tutorial #25 - Route Parameters.
Full React Tutorial #26 - Reusing Custom Hooks.
Full React Tutorial #27 - Controlled Inputs (forms).
Full React Tutorial #28 - Submit Events.
Full React Tutorial #29 - Making a POST Request.
Full React Tutorial #30 - Programmatic Redirects.
Full React Tutorial #31 - Deleting Blogs.
Full React Tutorial #32 - 404 Pages & Next Steps.

Taught by

The Net Ninja

Reviews

4.6 rating, based on 40 Class Central reviews

Start your review of Modern React Tutorial

Natalie Leung @natalielpy

Very useful and easy to follow. Recommended to beginners who have some HTML, CSS and JavaScript foundation.
Maaz Khan @maaz6266

This course is best for the beginners. In this course you can learn from zero to advanced. every concept is explained in details as well as with examples
Harikrishnan

This course was very useful and easy to learn new fundamentals of react js. Then he teahes very interesting. All the students are easy learn this react js. The react is used to the frontend of web development.
Francisco Tovar @frankdev

It is incredible if you are looking for learning the basis of React!
Thanks dude! You are a real teacher!
Soumyadeep Chowdhury

This course is good for beginners and atleast for those who's are newly start learning React framework
Finz

Overall: This course seems to be a good introduction to React. It covers the basics of React, including state, props, components, and hooks. The course is also well-organized and easy to follow. Pros: Comprehensive: The course covers all of the e…

Overall:

This course seems to be a good introduction to React. It covers the basics of React, including state, props, components, and hooks. The course is also well-organized and easy to follow.

Pros:

Comprehensive: The course covers all of the essential topics of React.
Well-organized: The course is well-structured and easy to follow.
Up-to-date: The course uses modern React practices, including hooks.
Free: The course is completely free to watch.
Good instructor: The instructor, Net Ninja, is knowledgeable and engaging.
Cons:

Lengthy: The course is over 6 hours long, which may be a commitment for some learners.
Requires prior knowledge: The course assumes that learners have a basic understanding of HTML, CSS, and JavaScript.
No exercises: The course does not include any exercises for learners to practice their skills.
Overall, I would recommend this course to anyone who wants to learn React. It is a comprehensive and well-organized resource that is easy to follow. However, it is important to note that the course is lengthy and requires prior knowledge of HTML, CSS, and JavaScript.

Here are some additional points to consider:

The course is suitable for beginners. The instructor starts from the very beginning and explains everything clearly.
The course is also suitable for intermediate learners. The course covers more advanced topics, such as hooks and custom hooks.
The course is not suitable for advanced learners. Advanced learners may find the course to be too basic.
If you are a beginner or intermediate learner who wants to learn React, I would recommend this course. It is a great way to get started with React and learn the basics of the framework.
Aymane

I recently went through the Modern React Tutorial in FreeCodeCamp’s Central Class, and I found it to be an excellent resource for learning React in 2025. The tutorial is well-structured, covering fundamental concepts like components, props, state m…

I recently went through the Modern React Tutorial in FreeCodeCamp’s Central Class, and I found it to be an excellent resource for learning React in 2025. The tutorial is well-structured, covering fundamental concepts like components, props, state management, and hooks in a clear and beginner-friendly manner.

One thing I really appreciate is the hands-on approach—there are plenty of interactive exercises that reinforce learning. The explanations are concise yet informative, making it easier to grasp key React concepts without feeling overwhelmed. It also introduces best practices and modern React features, which is crucial given how fast the library evolves.

However, I did notice that some sections could use a bit more depth, especially when explaining more advanced topics like context API or performance optimization. A few real-world examples would also enhance the learning experience.

Overall, I highly recommend this tutorial for beginners and those looking to update their React skills. It’s a solid foundation for building real-world React applications.
Ibnu A

This course is great for beginners who want to understand the basics clearly. The explanations are simple, and the pace is just right for someone new to the topic.
3994_Tanmay

This is a very good course that focuses on React, a popular JavaScript library, and it comprehensively covers its usage and practical application in web development scenarios. The course provides a solid understanding of React concepts and thoroughly explains how to effectively use React in various projects.
Talaha Numan

The React course was an excellent introduction to modern front-end development. It covered fundamental concepts like components, props, and state management in a clear and structured way. The hands-on projects helped solidify my understanding of React hooks, routing, and context API. The instructor explained complex topics like performance optimization and server-side rendering in an easy-to-follow manner. I especially appreciated the practical examples and real-world applications included in the course
Anvith K.S.
2

Excellent course to kickstart your ReactJS learning. I was able to grasp the basics of React within the stipulated time and have an actual app that works.
Safiullah Alam

This is a good course for beginners but I think first there should be theory classes of React things like useState useEffect and props then implementation also there would be React Interview question in the course so after the completion of course there will be no problem for users to navigate differntly for Interview Questions
Putta Madhavi

The Modern React Tutorial by Net Ninja is an excellent resource for anyone looking to learn React from scratch or enhance their existing knowledge. The tutorial is well-structured, covering fundamental concepts like components, props, state management, and hooks in a clear and concise manner.
One of the standout features of this tutorial is the teaching style—concepts are explained in a simple and engaging way, making it easy to follow even for beginners.
Gohar Butt

The React course on Class Central offers a solid introduction to React, covering key concepts like components, state management, and hooks. The explanations are clear, and the hands-on projects help reinforce learning. However, some sections could go deeper, especially on advanced topics like performance optimization and best practices. Overall, it's a great starting point for beginners looking to build React applications.
Komal Dafne

The Modern React Tutorial by Net Ninja is an excellent resource for learning React. Shaun’s teaching style is clear, concise, and beginner-friendly, covering essentials like components, state, and hooks, while progressing to advanced topics like React Router and context. The practical examples and step-by-step guidance make complex concepts easy to grasp. However, it could include more on advanced state management like Redux. Despite this, the tutorial equips you with skills to build modern, scalable React applications. It’s perfect for beginners and those looking to refine their React knowledge.
Mustaqim Nawahhudi

This course is very nice for beginners however it's outdated and updating it with the newest react features might making it the perfect course for beginners.
Ashutosh

---

This program course exceeded my expectations in every way. The content was well-organized and covered all the essential topics comprehensively. The instructors were knowledgeable and engaging, making complex concepts easy to understand. I appreciated the hands-on projects, which provided practical experience and solidified my learning. The interactive sessions and real-world examples enhanced the overall learning experience. The support from the teaching assistants was prompt and helpful, ensuring no questions went unanswered. I highly recommend this course to anyone looking to deepen their understanding in the field—it’s a valuable investment in your education and career development.

---
Abhishek Das

The Modern React Tutorial is clear, concise, and easy to follow, making React concepts approachable with practical examples and hands-on exercises.
Pritam Parimal Mandal

I recently completed a React.js course, and it was a valuable learning experience. The course was well-structured, beginning with the fundamentals of React, such as components, JSX, and props, before moving into more complex topics like state management, hooks (useState, useEffect), and React Router for navigation.
Shantanu Paithankar

This course is very helpful for me and I learn everything about react js and this react js course teaches me a lot about , routing and DOM , hooks , conditional statements , api integration and how to make reusable components in react js special thanks to class central.com
Thank you 👍