#reactshoppingcart #useContext #ReactJSProject #useReducer
Develop a Shopping Cart Job in React JS in one video. We will utilize Context API with useReducer Hook for State Management. Discover Hooks like createContext and useContext. We will learn add to cart functionality together with sorting and filtering products by search likewise.
Source Code –
https://github.com/piyush-eon/React-shopping-cart-context-with-reducer
Live Site –
https://shopping-cart-with-reactjs.netlify.app
If any concerns, ask here –
https://www.instagram.com/roadsidecoder/
Context API Tutorial –
Respond Router Tutorial –
00:00:00 Introduction
00:00:24 Task Introduction
00:02:53 Initialize new React App
00:03:23 Setup React Bootstrap
00:05:29 Header Component
00:12:05 Developing Page Routes
00:14:43 Setup Context API
00:17:10 Generating Products JSON
00:20:09 useReducer Hook
00:23:43 useContext Hook
00:24:19 Web Page UI
00:28:13 Filter Component UI
00:30:55 Score Component UI
00:35:27 SingleProduct Component UI
00:40:04 Add/ Eliminate from Cart Performance
00:45:20 Header Cart Dropdown
00:50:21 Cart Page
01:00:00 Modification Cart Amount Performance
01:01:53 Filters Execution
01:02:18 Filters useReducer
01:12:22 Transform Products Logic
01:16:44 Mobile Responsive Styles
01:17:56 Outro
Motion Picture App in React JS and Product UI –
Test App in React JS and Product UI –
Dictionary App in React JS and Product UI –
Find Out React From Scratch –
Source