Back to Browse

React product List App with Functional Cart | Part 3 - Implementing Context API #react #coding #js

136 views
Jul 27, 2024
12:07

Welcome to Part 3 of our tutorial series on building a product list project with a functional cart using React and Ant Design! In this video, we'll cover the following: By the end of this video, you'll have a fully functional Cart component integrated into your project. Stay tuned for the next parts where we'll dive deeper into implementing state management with Context API, creating an order confirmation modal, and making the application responsive. Introduction to Context API. Setting up Context API in our React project. Creating a context to manage cart state. Providing context to the entire application. Accessing and updating context in different components. πŸ”— Previous Part: Part 1: https://youtu.be/xVjZT1mY8n0 Part 2: https://youtu.be/0K0EdHzsyTE Playlist link: https://www.youtube.com/playlist?list=PLjx_OE1hqpPVEuJCKUlK7YWIKUaw5C9um πŸ”— Resources: Node.js: https://nodejs.org Ant Design: https://ant.design Github source: https://github.com/manishtmtmt/product-list-with-cart Live preview: https://product-list-with-cart-tau-ten.vercel.app/ Social Media Handles: πŸ”— Discord: https://discord.com/invite/EWAcTTQ5 πŸ”— Github: https://github.com/manishtmtmt πŸ”— LinkedIn: https://linkedin.com/in/wdmanisht πŸ”— Instagram: https://www.instagram.com/ig_manisht If you'd like to support me, consider buying me a coffee. β˜•οΈ πŸ”— Buy me a coffee: https://www.buymeacoffee.com/manishtmt0q πŸ“Ί Watch now and don't forget to like, share, and subscribe! πŸ”” Subscribe to WebDevYT for more coding tutorials and projects! #NextJS #FullStackDevelopment #ContextAPI #WebDevelopment #TaskManagerApp #NextJSTutorial #JavaScript #FrontendDevelopment #TailwindCSS #WebDevTutorial #todo #next14 #todoappwithnextjs #todowithreactjs #nextjstodo #reacttodo #nextjstutorial #coding #frontendmentor #ipaddress #api #tailwindcss #leetcode #leetcodequestionandanswers #dsa #dsajavascript #javascript #html #css #challenge #code #codinglife #coding #programming #htmlproject #nestjs #nextjs #nextjs13 #react #typescript #tutorial #vite #mernproject #mernstack #frontendmentorcodingchallenge #webdevtutorial @ThapaTechnical @CodeWithHarry @code @codewithantonio @javascriptmastery @akshaymarch7 @thesheryianscodingschool @WebDevSimplified @ApnaCollegeOfficial Related topic: Task Management App with Next.js Task Management App with React.js Todo List with Next.js Todo list with React.js Landing page React App Portfolio website using HTML, CSS and JavaScript React js project chat application using react js portfolio website react mern projects for resume e commerce website project react js react js project from scratch how to create react app in visual studio code react js tutorial learn react learn html coding for beginners JavaScript tutorial for beginners html tutorial for beginners CSS web development html and CSS tutorial for beginners vite project react project todo application with react todo application with vite full stack project build a todo application with react vite react vite tutorial react app react todo app todo list todo list app todo list javascript todo list in react js the responsive project

Download

0 formats

No download links available.

React product List App with Functional Cart | Part 3 - Implementing Context API #react #coding #js | NatokHD