🚀 **Redux Toolkit Shopping Cart Logic | React E-Commerce | Lesson 8 [በአማርኛ] **
Welcome back to **Beshilo Coding Academy**! In this lesson, we take our React E-Commerce project to the next level by implementing the core Shopping Cart logic using **Redux Toolkit (RTK)**.
Managing state for a cart is one of the most critical skills for any React Developer. We are implementing professional-grade logic including dynamic quantity updates, total price calculations, and item normalization.
🔥 **What You Will Learn:**
* **Redux Toolkit Setup:** Installation and configuration of `@reduxjs/toolkit`.
* **State Management:** Creating a robust `cartSlice` for global cart states.
* **Complex Reducer Logic:** Efficiently adding, removing, and updating quantities.
* **Data Normalization:** Converting raw data into clean state objects.
—
### 📌 Chapters (የቪዲዮው ክፍሎች)
00:00 – **Intro: E-Commerce Shopping Cart Demo** | መግቢያ፡ የገበያ ጋሪው ማሳያ
01:15 – **Project Roadmap: Starting Phase 3** | የፕሮጀክቱ ሂደት፡ ምዕራፍ 3 መጀመሪያ
01:48 – **How to Install Redux Toolkit & React-Redux** | Redux Toolkit እንዴት መጫን ይቻላል?
02:40 – **Creating the cartSlice.js File** | የ cartSlice.js ፋይል አፈጣጠር
03:00 – **State Logic: Checking if Item Exists in Cart** | እቃው ጋሪ ውስጥ መኖሩን ማረጋገጫ Logic
04:00 – **Data Normalization: Parsing Price & Quantity** | የዋጋ እና ብዛት የዳታ አሰካክ (Normalization)
05:43 – **Defining InitialState for Shopping Cart** | ለጋሪው መነሻ State (InitialState) መወሰን
06:10 – **Building addToCart Action Logic** | እቃ ወደ ጋሪ መጨመሪያ (addToCart) Logic
09:18 – **Building removeFromCart Action Logic** | እቃ ከጋሪ መቀነሻ (removeFromCart) Logic
11:15 – **Implementing removeProduct Feature** | እቃን ሙሉ በሙሉ የማስወገጃ ዘዴ
12:20 – **Implementing clearCart Reducer** | ጋሪውን ባዶ ማድረጊያ (clearCart) አሰራር
13:00 – **Summary: Redux Toolkit Best Practices** | ማጠቃለያ፡ የ Redux Toolkit ምርጥ አጠቃቀሞች
14:10 – **Exporting Actions & Reducers** | Actions እና Reducers ለ Store ማዘጋጀት
🔗 **Resources & Important Links:**
* 📁 **Full Source Code (GitHub):** https://github.com/Haile1221/
* 🌐 **Official Redux Toolkit Documentation:** https://redux-toolkit.js.org/
* 📺 **Watch the Full React E-Commerce Playlist:** https://www.youtube.com/playlist?list=PL1wMmwENJNELLsg_J9j5WBZ0Ai-Qft3sY
* 💻 **Subscribe to Beshilo Coding Academy:** https://www.youtube.com/channel/UCEY6mPRCSw6zQWyhnUxbmEg?sub_confirmation=1
—
**Support the Channel!**
If this tutorial helps you, please **Like** the video and **Subscribe** for more professional web development content. Hit the notification bell 🔔 so you never miss a lesson!
#ReactJS #ReduxToolkit #WebDevelopment #AmharicCoding #BeshiloCoding #ECommerceWebsite #StateManagement #JavaScript #CodingTutorial #ReactHooks #FrontendDeveloper