WEBVTT

1
00:00:00.560 --> 00:00:04.140
Hi everyone, and welcome to this
video on the introduction of Redux.

2
00:00:04.160 --> 00:00:05.980
In this video, we'll be discussing why

3
00:00:06.010 --> 00:00:10.420
it's important to have a tool like Redux
for managing your data in a react native

4
00:00:10.450 --> 00:00:15.460
app, and also why you should consider
using the newer tool called Redux Toolkit.

5
00:00:15.490 --> 00:00:16.740
In a react native app,

6
00:00:16.760 --> 00:00:21.340
managing data can quickly become complex
and overwhelming as the app grows.

7
00:00:21.370 --> 00:00:23.660
We don't want to be losing data and we do

8
00:00:23.690 --> 00:00:27.100
want to reuse the data
that we have as much as we can.

9
00:00:27.130 --> 00:00:32.580
We also sometimes need access to the same
kind of data from components and screens.

10
00:00:32.610 --> 00:00:35.820
This is where a tool like Redux comes in,

11
00:00:35.850 --> 00:00:40.860
providing a centralized place
for managing your app state and data.

12
00:00:40.890 --> 00:00:43.420
Redux is a popular state management library

13
00:00:43.450 --> 00:00:48.220
that helps you manage the state of your
react native app in a predictable way.

14
00:00:48.250 --> 00:00:50.260
The core of Redux is the Store,

15
00:00:50.290 --> 00:00:53.860
which is a single source
of truth for your app state.

16
00:00:53.890 --> 00:00:55.660
The store can only be updated

17
00:00:55.680 --> 00:01:00.900
by dispatching actions, which are objects
that describe what happened in your app.

18
00:01:00.930 --> 00:01:06.100
Redux has several benefits,
including predictable state management

19
00:01:06.130 --> 00:01:11.210
because Redux follows strict rules for how
the store can be updated,

20
00:01:11.240 --> 00:01:15.700
making it easier to understand
how your app state is changing.

21
00:01:15.730 --> 00:01:20.050
Another advantage of using Redux
is that it can be easily debugged.

22
00:01:20.080 --> 00:01:25.140
As Redux has a centralized way of managing
data, it is easier to find and fix

23
00:01:25.170 --> 00:01:29.980
problems in your app, and this also makes
it easier to manage and update your data.

24
00:01:30.010 --> 00:01:35.080
Because it is a centralized place,
the actions and reducers in Redux can be

25
00:01:35.110 --> 00:01:38.930
reused across your app,
reducing duplication of your code.

26
00:01:38.960 --> 00:01:44.660
However, the disadvantage of Redux is
that it has a steep learning curve and can

27
00:01:44.690 --> 00:01:48.930
be verbosed, leading to an increase
in boilerplate code.

28
00:01:48.960 --> 00:01:51.340
And this is where Redux Toolkit comes in.

29
00:01:51.370 --> 00:01:53.180
Redux Toolkit is a set of tools

30
00:01:53.210 --> 00:01:56.900
and utilities for Redux
that make it even easier to use.

31
00:01:56.930 --> 00:01:59.660
It provides several advantages over Redux,

32
00:01:59.690 --> 00:02:03.980
including easy setup and configuration,
since it provides a streamlined setup

33
00:02:04.010 --> 00:02:07.570
process and removes the need
for manual configuration.

34
00:02:07.600 --> 00:02:12.660
Reduced boilerplate is another advantage
as the utilities provided by Redux Toolkit

35
00:02:12.690 --> 00:02:17.380
simplify common tasks and reduce
the amount of code you need to write.

36
00:02:17.410 --> 00:02:21.240
And in general, you will have improved
experience when using Redux as

37
00:02:21.270 --> 00:02:25.100
the Redux Toolkit is improved,
making it easier for developers

38
00:02:25.130 --> 00:02:28.380
to understand and use
Redux in their projects.

39
00:02:28.410 --> 00:02:31.500
We'll be using the Donation app to develop

40
00:02:31.530 --> 00:02:35.980
our Redux skills and see specific
use cases of Redux in action.

41
00:02:36.000 --> 00:02:37.450
This will give you a practical

42
00:02:37.480 --> 00:02:42.580
understanding of how Redux works and how
you can use it in your own projects.

43
00:02:42.610 --> 00:02:45.580
In conclusion, Redux and Redux Toolkit are

44
00:02:45.610 --> 00:02:49.660
both essential tools for managing
data in a react native app.

45
00:02:49.690 --> 00:02:54.420
They provide a centralized place
for managing your state and data,

46
00:02:54.450 --> 00:03:00.300
making it easier to debug and understand
what's happening in your application.

47
00:03:00.330 --> 00:03:05.540
The store in Redux serves as a single
source of truth, and dispatching actions

48
00:03:05.570 --> 00:03:09.900
allows you to update the store
in a predictable manner.

49
00:03:09.930 --> 00:03:13.420
Redux Toolkit improves upon regular redux

50
00:03:13.450 --> 00:03:18.060
by reducing boilerplate code
and improving the developer experience.

51
00:03:18.090 --> 00:03:22.940
In the next video, we'll be installing
in Redux toolkit, so stay tuned.

52
00:03:22.960 --> 00:03:25.600
Thanks so much for watching
and I'll see you in the next video.