Learn React by Building an eCommerce Site - Tutorial

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=1DklrGoAxDE


Duration: 5:55:11
323,046 views
7,136

Learn React by building an e-Commerce application with Class Components.
You will learn component basics, rendering various items in components, parent-to-child component communication, lifecycle methods, forms, REST-API calls with JSON server and basic routing.

💻 Source code: https://github.com/webuniversity/react-free-code-camp

✏️ This course was developed by Mr. Harsha Vardhan. Check out his Youtube channel: https://www.youtube.com/c/harshaglobal

🔗 Complete React course with Hooks and Redux by Harsha Vardhan:
https://www.udemy.com/course/react-for-busy-developers-learn-by-doing-ecommerce/?referralCode=0F222FF4DE8C7A460D6F

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:03:45) What is React
⌨️ (0:12:52) Understanding Components
⌨️ (0:19:05) Create New React App
⌨️ (0:29:41) React React App From Scratch
⌨️ (0:44:19) Load Bootstrap
⌨️ (0:52:14) Create React Components
⌨️ (1:07:55) Add CSS Styles
⌨️ (1:11:10) Add Bootstrap NavBar
⌨️ (1:18:22) Fix Error - DOM property class
⌨️ (1:21:54) Nested Components
⌨️ (1:35:35) Render Expressions
⌨️ (1:41:31) Handle Events
⌨️ (1:47:11) Update Component State
⌨️ (1:51:58) Render List
⌨️ (2:00:13) Render Conditionally
⌨️ (2:05:53) Render Methods
⌨️ (2:13:46) Render Images
⌨️ (2:18:32) Render CSS Styles
⌨️ (2:25:19) Render CSS Classes
⌨️ (2:29:36) Pass Event Arguments
⌨️ (2:40:57) Render Child Components
⌨️ (2:49:58) Props
⌨️ (3:02:48) Props vs State
⌨️ (3:12:11) Props.Children
⌨️ (3:16:15) Handle Child Events
⌨️ (3:41:59) Delete Child Components
⌨️ (3:52:57) Life Cycle Phases of Components
⌨️ (3:57:22) Mounting Phase
⌨️ (4:07:45) Updating Phase
⌨️ (4:17:16) Unmounting Phase
⌨️ (4:22:10) Life Cycle of Child Components
⌨️ (4:30:02) Error Handling Phase
⌨️ (4:36:16) Basic Form
⌨️ (4:45:01) Two-Way Binding
⌨️ (4:56:36) Form Submit Button
⌨️ (5:04:51) HTTP Requests
⌨️ (5:18:09) Async and Await
⌨️ (5:25:28) Login Form with HTTP Request
⌨️ (5:34:00) Basic Routing
⌨️ (5:40:15) "404" Page
⌨️ (5:43:51) Switch
⌨️ (5:45:20) Link

--

🎉 Thanks to our Champion and Sponsor supporters:
👾 Wong Voon jinq
👾 hexploitation
👾 Katia Moran
👾 BlckPhantom
👾 Nick Raker
👾 Otis Morgan
👾 DeezMaster
👾 AppWrite

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news



Other Videos By freeCodeCamp.org


2021-11-17AWS Certified Cloud Practitioner Certification Course (CLF-C01) - Pass the Exam!
2021-11-16Infrastructure as Code - Crash Course
2021-11-15C++ Programming Tutorial - Build a 3-Band Compressor Audio Plugin (w/ JUCE Framework)
2021-11-11Unreal Engine & C++ Tutorial - 1st Person Shooter Game
2021-11-10Micro-Frontends Course - Beginner to Expert
2021-11-09Code a Squid Game JavaScript Game Using Three.js - Tutorial for Beginners
2021-11-04Web Applications for Everybody Course - Dr. Chuck Teaches HTML, PHP, SQL, CSS, JavaScript, and more!
2021-11-03The 50 Most Popular Linux & Terminal Commands - Full Course for Beginners
2021-11-01Python API Development - Comprehensive Course for Beginners
2021-10-28JavaScript Tutorial - PuzzleCam Game
2021-10-27Learn React by Building an eCommerce Site - Tutorial
2021-10-26Django Tutorial - Create a Digital Resume with a Python Backend
2021-10-25Android App Development Tutorial for Beginners - Your First App
2021-10-21Unreal Engine & C++ Tutorial - Endless Runner Game 🏃🏽‍♀️
2021-10-20Angular Tutorial for Beginners - Web Framework with Typescript Course
2021-10-19TensorFlow Lite for Edge Devices - Tutorial
2021-10-18Binary Tree Algorithms for Technical Interviews - Full Course
2021-10-14Node.js / Express Course - Build 4 Projects
2021-10-13Object Oriented Programming with Python - Full Course for Beginners
2021-10-12AWS VPC Beginner to Pro - Virtual Private Cloud Tutorial
2021-10-05HashiCorp Terraform Associate Certification Course - Pass the Exam!