Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Learn React JS - Full Course for Beginners - Tutorial 2019

via freeCodeCamp

Overview

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.7 rating, based on 9 Class Central reviews

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

  • 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…
  • This course provided enough knowledge to work with react js. I have made some mini projects as meme generator and todo list.
  • Profile image for 2163VAISHNAVI JADHAV
    2163VAISHNAVI JADHAV
    It was an excellent experience while learning this full course .
    The concepts of react have explained very in detail .
  • 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.
  • Profile image for Aman Raj
    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
  • Profile image for Khushi Jaiswal
    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"!!!
  • Garima Tomar
    This is great platform for learning the basics. I have some doubts in the basics topics but now they are cleared.

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.