React Redux Todo App Tutorial | Learn Redux with Redux Toolkit

Published: 16 May 2022
on channel: Codenemy

3,920

In this video I will teach you all how to code a CRUD (Create, Read, Update, Delete) application using Redux in React. I use redux toolkit to make this happen and you will have a good understanding of material ui (mui), learning about the different parts that make up redux, how to structure state and destructure objects.

Go to Chapter :
00:06 Demo
02:36 Start Implementation
07:27 Create Todo Component
13:02 Show multiple Todos
17:39 Conditional rendering
19:33 Add new Todo Button
21:08 Create a new Todo
23:30 Pass data as props (parent to child)
28:30 Redux Introduction
29:49 Redux vs Context
30:45 Redux Setup
33:19 Pass data as children
36:04 What is Reducer?
40:35 Read state from Redux store (useSelector hooks)
43:16 Add new Todo
54:32 Maintain new state from todo form
56:40 On change event
01:02:24 Dispatch a action (useDispatch hooks)
01:08:24 Delete Todo
01:12:04 Pass data from child to parent
01:13:25 Update todo
01:19:46 Reset from data
01:32:11 summarise

GitHub Code
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Link : https://github.com/vikas62081/React-A...

Concept Covered
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
How to perform crud operation using hooks in React
Learn Redux from basic
Learn Material UI design (MUI)
React material ui form design (textfield, input) responsive
Learn pop up modal window design

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Linkedin:   / vikas62081
Instagram:   / imvikas62081
Facebook :   / codenemy
Github: https://github.com/vikas62081
Email: [email protected]

Tags
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
React project
material ui react (mui react)
Todo React Redux Todo App
ReactJS Tutorial
ReactJS and MySQL
NodeJS Tutorial
API Tutorial
#codenemy #React #Redux #Project

Watch video React Redux Todo App Tutorial | Learn Redux with Redux Toolkit online without registration, duration hours minute second in high quality. This video was added by user Codenemy 16 May 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 3,920 once and liked it 65 people.

4,196