This course aims to teach learners how to build dynamic web applications using React.js. By the end of the course, students will be able to create web applications in React, understand concepts such as ReactDOM, JSX, functional components, props, state, handling events, conditional rendering, and fetching data from an API. The course covers topics like component architecture, styling with CSS, and modern React app development. The teaching method includes video tutorials, practical coding exercises, and a capstone project. This course is designed for beginners who want to learn React.js and start building interactive web applications.
Overview
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
Related Courses
Related articles
Reviews
4.7 rating, based on 7 Class Central reviews
-
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.
-
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 RajThis 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 -
Khushi JaiswalThis 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. -
"Thank you for a great course" I feel better equipped to manage after completing the course .... "Great presentation style"!!!
-
This is great platform for learning the basics. I have some doubts in the basics topics but now they are cleared.
