React Full Course - Lesson 7: Backend, Data Fetching, Async Await

In lesson 7, we'll add a backend to the Ecommerce Project and learn how to use it with React. Links for each lesson: https://github.com/SuperSimpleDev/react-course/blob/main/1-links.md#lesson-7 Exercise solutions: https://github.com/SuperSimpleDev/react-course/tree/main/1-exercise-solutions/lesson-07 Copy of the code: https://github.com/SuperSimpleDev/react-course/tree/main/2-copy-of-code/lesson-07 Troubleshooting: https://github.com/SuperSimpleDev/react-course/blob/main/2-troubleshooting.md#lesson-7 🎓 Premium Courses (get a certificate, better learning experience, support SuperSimpleDev ❤️) Frontend Bundle (React, JS, HTML CSS): https://courses.supersimple.dev/bundles/frontend-bundle React Premium Course: https://courses.supersimple.dev/courses/react JavaScript Premium Course: https://courses.supersimple.dev/courses/javascript HTML CSS Premium Course: https://courses.supersimple.dev/courses/html-css Chapters: 0:00 Generate the HTML Review 9:28 Add a Backend to the Project 15:48 Data Fetching in React 22:36 Axios 25:12 Use Data from the Backend to Generate the HTML 30:02 Fetch the Cart from the Backend 36:50 Vite Server Proxy Configuration 40:18 Fetch Data for the CheckoutPage 44:26 Query Parameters, Expand Parameter 48:23 Generate the HTML for the Cart 53:24 Fetch the DeliveryOptions and Generate the HTML 1:03:16 Replace name, checked Attributes and Delivery Date 1:09:17 Generate the HTML for the Payment Summary 1:15:32 Fetch the Orders and Generate the HTML 1:27:23 Separate ProductsGrid and OrderSummary 1:35:33 Separate PaymentSummary and DeliveryOptions 1:42:11 Use Async Await to Fetch the Data 1:49:16 Conclusion and Exercises #react #supersimpledev #reactcourse #reacttutorial #reactjs #javascript #html #css #webdevelopment #webdeveloper #softwaredeveloper #softwaredevelopment #coding #codingtutorial #softwareengineer #softwareengineering #learntocode