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
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
github.com/ArnaCode/React-Redux-Typescript-React-R…