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

Found in

Overview

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 29 Class Central reviews

Start your review of Modern React Tutorial

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.
Natalie Leung @natalielpy

Very useful and easy to follow. Recommended to beginners who have some HTML, CSS and JavaScript foundation.
Francisco Tovar @frankdev

It is incredible if you are looking for learning the basis of React!
Thanks dude! You are a real teacher!
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.

---
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.
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 👍
Harshali Chaudhari

The React Modern Tutorial is an excellent resource for anyone looking to learn React from scratch or upgrade their skills to the latest version. The tutorial is well-structured, easy to follow, and covers everything from the basics to advanced topics.
Anas Pirzada

The Net Ninja has a knack for explaining even the most intricate details in a way that’s both accessible and engaging. Each topic is covered with just the right amount of depth, ensuring you understand the core concepts without feeling overwhelmed.
Izmam Hussain

These videos has given me basic knowledge and information about what actually hooks are and how to use them. As well knowledge of props and etc.
Bandagar Shivani Shivaji

Good learning to the theory & practical learning .I have own practice to react js & improve my learning to more practice .thank You so much
Abhishek Das

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

A great start for beginners with good and interactive easy to understand examples, eagerly waiting for tutorials on advanced React topics.
Mansi Vavadiya

This course is awesome!!
It help in understanding the concept of react and its components.
Very helpful in getting the concepts
Anvith K.S.

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.
Anthony Dupuis-Doudot

Great course, great teacher, I wasn't bored once! Thank you for this amazing content. I will definitely go back to this course and tell to other developers.
Uppu Anusha

This React JS course stands out for its exceptional clarity and efficiency. Concepts are presented with a perfect balance of depth and brevity, making it easy to grasp intricate details without unnecessary complexity. The course is meticulously structured, ensuring a seamless learning journey from basics . Notably, the absence of lag contributes to a smooth and uninterrupted learning experience. The instructor's ability to convey complex ideas concisely enhances comprehension, making this course an invaluable resource for those wanting to master React JS efficiently.
CHANDEESH M R

This React JS course stands out for its exceptional clarity and efficiency. Concepts are presented with a perfect balance of depth and brevity, making it easy to grasp intricate details without unnecessary complexity. The course is meticulously structured, ensuring a seamless learning journey from basics . Notably, the absence of lag contributes to a smooth and uninterrupted learning experience. The instructor's ability to convey complex ideas concisely enhances comprehension, making this course an invaluable resource for those wanting to master React JS efficiently.
Nemanja Lazarevic

This course contain a lot of great stuff about react. If you are really new to react , you should watch this course.
Krushna Nagare

One standout aspect was the emphasis on applying reactive patterns in various programming languages, giving me the flexibility to implement these concepts across different projects. Additionally, the course materials were well-organized, with resources and supplementary materials readily available for further exploration.