Mô tả

Redux is a tricky library to master, especially if you are a beginner. With React , Redux is the most popular state management library that is paired with, and there is no better time to learn redux that now! With the highest number of jobs and opportunities, skyrocket your career by adding redux to your arsenal, and glide through interviews and its preparation. be ready for hands on exams or that new project that you wish to get into.

You always wanted to learn redux, but the documentation is too lengthy or find it hard to swim through? 

You ever wished if someone can just explain the concept and the fundamentals behind those, instead of writing just code?

You wanted a simple, to the point course that you can finish in a weekend or two?

Look no further!

I understand that pain, because I have been through it too. And that is why I created this course. Initially created as documentations for myself, later I decided to put all those notes and explanations into a video format to help others like you!

In this course,  we learn the concepts, fundamentals and implementation of redux and its associated packages.

The focus of the course is not building full fledged application, but to explore all relevant redux concepts in the least amount of code & learning the concepts in isolation. That way, students get to understand the concept in isolation. From diagrams, analogies , examples we make use of everything to convey the concept in every possible way.

Here is the preview of topics we cover.  Checkout the attached learning materials which can come in quite handy when you are preparing for an interview or for a project interview !


  • Introduction to redux, the what, how, why and its need

  • Redux terminology with analogy

  • State flow in redux

  • Store & state slice concepts and setup

  • Reducer & need for combineReducers

  • Demystifying enhancers

  • Understanding Middleware & their difference with enhancers

  • Concept of derived state

  • Pre loading state from local storage

  • Adding more functionality to the application

  • Restrict unwanted rendering with shallowEqual

  • Redux persist

  • Handling asynchronousity with redux

  • Using axios to fetch API resppnses

  • Handle side effects in middleware

  • Redux thunk - The what and how of it

  • Action creator & need for it

  • Memoization with reselect

  • Handling absolute path with jsconfig

  • Adding spinners to show intermediate states & add more state slices to store

  • Action constant & normalization

  • Async await on Promises

  • Redux toolkit & setup

  • Usage of createSlice

  • AsyncThunk and entityAdapters

  • Normalization with entityAdapters

  • Add selectors and split components

Based on comments, I have plans to add more content / bonus lectures based on student's requirement.


Bạn sẽ học được gì

Understand redux pattern, workflows, tools and techniques

Learn the what, why, how and when of redux

Explore important concepts like enhancers, middlewares, thunks , derived states, actions, reducers, side effects and more.

Use redux tool kit to simplify workflow

Explore redux thunk, normalization, entity adapters , async await and more.

Gain confidence to face projects and interviews

Yêu cầu

  • Beginner level Javascript and React knowledge.

Nội dung khoá học

7 sections

Course Introduction

3 lectures
Course Introduction
01:24
Reminder before we start!
01:44
Lets meet Redux
02:15

Need for redux, the what , why and how

7 lectures
Need for redux
06:43
The "Why" of Redux
04:25
The "When" of Redux
01:46
Redux terminology explained with an anology
04:13
The state flow in Redux - The uni directional pattern
00:51
A practical counter example
22:58
Learning summary
00:08

Application setup and Redux basics

6 lectures
Github repository & code
00:31
Application setup & download
02:53
Create redux store and add products state slice
06:17
Wire up store slice with component
05:05
Split reducers with combineReducer
03:31
Learning summary
00:02

Redux deep dive

13 lectures
Demystifying Enhancers in Redux
09:40
Understanding the difference between enhancer and middleware
11:15
Blocking middleware
03:55
Code cleanup
00:46
Concept of derived state
03:55
Time to add new product item
06:21
Preloading state from local storage
05:21
Toggling favorites
04:07
Adding toggle favorites functionality
06:36
Selective re-rendering of collections with shallowEqual
03:08
Looping collections by ID and removing shallow equal
09:34
Storage with Redux persist.
05:40
Learning Summary
00:02

Going asynchronous in redux

16 lectures
Fetch products using API endpoint with axios
03:27
Add new favorite slice of state
05:59
Review corner
03:58
Side effects handling in middleware
04:34
Redux thunk - What and how?
04:13
Save functionality with redux thunk
04:36
Need for action creators
04:20
Memoization with reselect - Splitting store into folders
11:44
Remove absolute paths with jsconfig setup
03:06
Add folder for favorite slice & cleanup of imports
01:43
Add loading spinners, introduce more slices of state
05:22
Add favorite slice along with products slice
04:31
What are action constants
03:58
Need for state normalization
10:32
Using async await on promises
02:42
Learning Summary
00:02

Redux toolkit aka RTK

9 lectures
RTK Setup
08:41
Add product slice with createSlice
07:42
Add actions & wire up components
09:30
Use of asyncThunks and extraReducers
07:20
Normalization with entityAdapters
03:40
Add cart slice & selectors
11:25
Use cart selectors in components
04:17
Wire up cart items and add alert notifications
06:45
Learning Summary
00:02

Wrap Up

1 lectures
Course wrap up
01:12

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.