Learn React JS - Full Course for Beginners - Tutorial 2019

via freeCodeCamp

Start learning Write review

Details

Start learning

Provider

freeCodeCamp
Pricing

Free Video
Languages

English
Duration & workload

5 hours
Sessions

On-Demand
Level

Beginner

Found in

Dive into a comprehensive 5-hour course on React.js, designed for beginners looking to master this powerful JavaScript library for building dynamic web applications. Learn everything from the basics to advanced concepts, including ReactDOM, JSX, functional components, props, state management, lifecycle methods, and more. Follow along as you build a Todo app and a Meme Generator capstone project, gaining hands-on experience with real-world applications. Explore topics such as conditional rendering, handling events, fetching data from APIs, and working with forms. By the end of this tutorial, you'll have the skills and knowledge needed to create your own React applications and tackle more complex projects.

Syllabus

) Course Introduction & Philosophy.
) What we'll be building.
) Why React?.
) ReactDOM & JSX.
) ReactDOM & JSX Practice.
) Functional Components.
) Functional Components Practice.
) Move Components into Separate Files.
) Parent/Child Components.
) Parent/Child Component Practice.
) Todo App - Phase 1.
) Styling React with CSS Classes.
) Some Caveats.
) JSX to JavaScript and Back.
) Inline Styles with the Style Property.
) Todo App - Phase 2.
) Props Part 1 - Understanding the Concept.
) Props Part 2 - Reusable Components.
) Props in React.
) Props and Styling Practice.
) Mapping Components.
) Mapping Components Practice.
) Todo App - Phase 3.
) Class-based Components.
) Class-based Components Practice.
) State.
) State Practice.
) State Practice 2.
) Todo App - Phase 4.
) Handling Events in React.
) Todo App - Phase 5.
) Changing State.
) Todo App - Phase 6.
) Lifecycle Methods Part 1.
) Lifecycle Methods Part 2.
) Conditional Rendering.
) Conditional Rendering Part 2.
) Conditional rendering Practice.
) Todo App - Phase 7.
) Fetching data from an API.
) Forms Part 1.
) Forms Part 2.
) Forms Practice.
) Container/Component Architecture.
) Meme Generator Capstone Project.
) Writing Modern React Apps.
) Project Ideas for Practicing.
) Conclusion.

Taught by

freeCodeCamp.org

Reviews

4.6 rating, based on 17 Class Central reviews

Start your review of Learn React JS - Full Course for Beginners - Tutorial 2019

Loveneet Singh @loveneetchahal

I recently had the pleasure of taking a React course, and I must say it was a remarkable learning experience. As someone who aspires to become a proficient web developer, I found this course to be an excellent foundation for mastering React. The co…

I recently had the pleasure of taking a React course, and I must say it was a remarkable learning experience. As someone who aspires to become a proficient web developer, I found this course to be an excellent foundation for mastering React.

The course was thoughtfully structured, starting with the basics and gradually progressing to more advanced concepts. The instructor's teaching style was clear, concise, and easy to follow. Each topic was thoroughly explained, and the accompanying examples and exercises helped solidify my understanding.

One aspect that truly stood out was the hands-on approach throughout the course. The instructor provided numerous coding challenges and practical projects, allowing me to apply the newly acquired knowledge in a real-world context. This not only boosted my confidence but also provided me with valuable experience working with React.

The course covered a wide range of essential topics, including component composition, state management, routing, and handling asynchronous operations. The explanations were accompanied by practical examples and best practices, enabling me to write clean and maintainable code. Additionally, the course delved into advanced topics like performance optimization and testing, providing a well-rounded understanding of React development.

What also impressed me was the course's up-to-date content. React is an ever-evolving framework, and the course ensured that the latest features and techniques were incorporated into the curriculum. This ensured that I was learning the most relevant and efficient practices in React development.

The course platform was user-friendly and intuitive, making it easy to navigate through the lessons and access additional resources. The support provided by the instructor and the course community was also outstanding. Any doubts or questions I had were promptly addressed, fostering a collaborative and engaging learning environment.

Overall, I highly recommend this React course to anyone looking to enhance their web development skills. Whether you're a beginner or an intermediate developer, this course offers a comprehensive and engaging learning experience. By the end of the course, you'll have a solid foundation in React and be well-equipped to build impressive web applications.
Nivedha Nivedha

Now i know what's react js and how it's work. How to create app using reactjs ,and todo app i learned, that was ok to understand.
Thankyou .
Krina Gajera

The React JS online lecture was very helpful and easy to follow. Concepts were explained clearly with practical, real-world examples, making learning enjoyable and effective.
Peter Eyinade

The course is really good and highly beneficial. It provides clear explanations and practical examples that make complex topics easy to understand. The instructor delivers the lessons in a structured and engaging way, which keeps you motivated throughout. Each module builds on the previous one, ensuring steady progress and real understanding. The course materials are well-organized, and the assignments help reinforce what you’ve learned. It’s suitable for both beginners and those looking to improve their skills. Overall, it’s an excellent learning experience that combines theory with hands-on practice, helping learners gain confidence and competence in the subject.
SHAIK RASHEED

Course was good. It was beginner friendly and much understandable, the kind of explanation helps to understand the concept well.
Alfin Setiawan

An excellent React course for beginners! The instructor explains concepts clearly with hands-on examples. I learned how to use components, props, and state effectively. Highly recommended for new learners!
Alok Raj Singh @alokup60

This course provided enough knowledge to work with react js. I have made some mini projects as meme generator and todo list.
Muskan Bepari

Very grateful for this course 😊 concepts are crystal clear. And the teaching is also very easy and very helpful. Thank you so much for the course ❤️ .
Rashvath Shetty

Good
Better understanding with the projects
With using states react components hooks
Wanted to learn more but still manageable
ANIRUDH N

Best react course I've ever learned. Understood from the basics. Learned and implemented using the react tools and props with additional components also
2163VAISHNAVI JADHAV

It was an excellent experience while learning this full course .
The concepts of react have explained very in detail .
Cristian Franco

This React JS course for beginners is exceptionally comprehensive and well-structured. The concepts are explained clearly and concisely, making it easy to understand even for those who are new to React JS. Practical examples and course projects are relevant and useful to consolidate learning
Shraddha Shetty

This course is very helpfull to improve my skills,This course was amazing. I learnt ReactJs from scratch.This course provided enough knowledge to work with react js.The course platform was user-friendly and intuitive, making it easy to navigate through the lessons and access additional resources. The support provided by the instructor and the course community was also outstanding. Any doubts or questions I had were promptly addressed, fostering a collaborative and engaging learning environment.
Aman Raj

This course is very helpfull to improve my skills
And I enjoy in learning period apart from these all
I learn hooks concept and these is very useful to improve my skills after finishing this course I'm going to start to do a react besis project t
Garima Tomar

This is great platform for learning the basics. I have some doubts in the basics topics but now they are cleared.
Khushi Jaiswal

This course was amazing. I learnt ReactJs from scratch.This course is very helpful for beginners.It helped me learning ReactJs in just 5 hours.I would strongly recommend other students to enroll in this course.
Shantanu Dabhole

"Thank you for a great course" I feel better equipped to manage after completing the course .... "Great presentation style"!!!