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.
Overview
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
Related Courses
-
Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks
-
React Router Crash Course
-
React Crash Course with Hooks
-
React JavaScript Framework for Beginners – Project-Based Course
-
React Native Course – Android and iOS App Development
-
React Hooks Tutorial - A Crash Course on Styled Components, JSX, React Router, and HOC
5.0
Related articles
Reviews
4.6 rating, based on 27 Class Central reviews
-
FinzOverall: 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… -
Very useful and easy to follow. Recommended to beginners who have some HTML, CSS and JavaScript foundation.
-
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.
---
-
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 PaithankarThis 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 👍 -
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.
-
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 HussainThese 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. -
Good learning to the theory & practical learning .I have own practice to react js & improve my learning to more practice .thank You so much
-
A great start for beginners with good and interactive easy to understand examples, eagerly waiting for tutorials on advanced React topics.
-
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.
-
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.
-
Nemanja LazarevicThis course contain a lot of great stuff about react. If you are really new to react , you should watch this course. -
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 RThis 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. -
Krushna NagareOne 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.
-
Ojas KhatavkarIt was an Amazing exp to learn about react. I had tried many other platform but these one is from scratch from creating folder in ide to building up my own live project that was an exciting news for me -
Shubham DaveVery knowledgeable and creative course. The concepts are explained well and in-depth. The course goes through every small details and gets concepts understood to watchers.
