Learn React by Building an eCommerce Site - Tutorial

Overview

Embark on a comprehensive 6-hour tutorial to master React by building a functional e-commerce application using Class Components. Dive into component fundamentals, learn to render various items within components, and explore parent-to-child component communication. Gain hands-on experience with lifecycle methods, forms, REST-API calls using JSON server, and basic routing. Progress through topics such as component creation, state management, conditional rendering, props, event handling, and lifecycle phases. Develop practical skills by implementing features like image rendering, CSS styling, form handling, and HTTP requests. Conclude with an introduction to routing concepts, including handling 404 pages and using Switch and Link components. By the end of this tutorial, you'll have a solid foundation in React development and the ability to create dynamic, interactive web applications.

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.