React Redux & React Router Tutorial for Beginners – Project #7 - React from Confusion to Clarity

#typescript #tailwindcss #react #reactfrontend #reactrouter #redux Hi Everyone! In this video, I am going to teach you Redux for state management and React Router for routing of React app by building a Kan-ban Board app. This application is a customizable Kan-ban board built using React, Redux, TypeScript, and Tailwind CSS. The primary focus of the app is to demonstrate the use of Redux Toolkit for state management. The use of TypeScript ensures type safety and better developer experience, while Redux Toolkit efficiently manages the complex state transitions across the board columns. *-*-*-*-* Get Alerts for New Courses and Content Releases https://arnacode.com/ *-*-*-*-* Features - State Management with Redux - Routing with React Router - Type Safety with TypeScript - Drag and Drop Interface - Board and Card Management - Responsive Design Chapters 00:00:00 App Overview 00:04:54 App Setup 00:10:17 Implementing the Routing - React Router 00:20:51 Coding the 404 Page 00:24:17 Creating the Layout 00:27:44 Coding the Boards List Page 00:57:51 Getting Started with Redux 01:07:31 Creating the Board Types 01:11:37 Creating the Redux Store 01:19:00 createBoard Reducer - Redux Store 01:24:45 Configuring the Redux Store 01:30:19 Coding the Board Details Page 01:59:45 addCard Reducer - Redux Store 02:05:05 deleteBoard Reducer - Redux Store 02:07:39 Implementing the Drag-Drop Functionality 02:24:59 updateCard Reducer - Redux Store 02:35:50 Coding the Card Details Page 03:04:18 deleteCard Reducer - Redux Store 03:08:40 Conclusion *-*-*-*-* Source Code https://github.com/ArnaCode/React-Redux-Typescript-React-Router-Tailwind-Kanban-Board-App