Learn React by Building an eCommerce Site - Tutorial

A project-based tutorial that builds an eCommerce site with React, teaching component creation, state and props, event handling, conditional and list rendering, component lifecycle phases, forms with two-way binding, HTTP requests with async/await, and client-side routing. Aimed at newcomers to React with basic JavaScript familiarity.

Syllabus

) Introduction.
) 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.