React is one of the most popular front-end frameworks for JavaScript.

We just published another React course on the freeCodeCamp.org YouTube channel that will teach you how to use React by building an e-Commerce application with class components.

The course covers topics such as component basics, rendering various items in components, parent-to-child component communication, lifecycle methods, forms, REST-API calls with JSON server, and basic routing.

Here are the topics covered in this course:

  • What is React
  • Understanding Components
  • Create New React App
  • React React App From Scratch
  • Load Bootstrap
  • Create React Components
  • Add CSS Styles
  • Add Bootstrap NavBar
  • Fix Error - DOM property class
  • Nested Components
  • Render Expressions
  • Handle Events
  • Update Component State
  • Render List
  • Render Conditionally
  • Render Methods
  • Render Images
  • Render CSS Styles
  • Render CSS Classes
  • Pass Event Arguments
  • Render Child Components
  • Props
  • Props vs State
  • Props.Children
  • Handle Child Events
  • Delete Child Components
  • Life Cycle Phases of Components
  • Mounting Phase
  • Updating Phase
  • Unmounting Phase
  • Life Cycle of Child Components
  • Error Handling Phase
  • Basic Form
  • Two-Way Binding
  • Form Submit Button
  • HTTP Requests
  • Async and Await
  • Login Form with HTTP Request
  • Basic Routing
  • "404" Page
  • Switch
  • Link

Watch the full course below or on the freeCodeCamp.org YouTube channel (6-hour watch).