WEBVTT

1
00:00:00.160 --> 00:00:02.740
Hello and welcome to this
video on react native hooks.

2
00:00:02.760 --> 00:00:04.810
Today we're going to be talking about what

3
00:00:04.840 --> 00:00:09.660
react native look are and why they are so
useful when building react native apps.

4
00:00:09.690 --> 00:00:12.100
But first, let's briefly talk about what

5
00:00:12.130 --> 00:00:15.780
state is in react native
and why it is important.

6
00:00:15.810 --> 00:00:18.180
State in react native refers to the data

7
00:00:18.210 --> 00:00:21.460
or variables that change
within a components.

8
00:00:21.490 --> 00:00:25.000
It is an essential part of building
dynamic and interactive apps.

9
00:00:25.030 --> 00:00:29.980
Access to state is important because
it allows us to change and update the data

10
00:00:30.010 --> 00:00:34.700
in our app as needed, making it
responsive to user interaction.

11
00:00:34.730 --> 00:00:36.620
React native hooks are a new feature

12
00:00:36.640 --> 00:00:41.140
in react native that were introduced
in react native zero point 58.

13
00:00:41.170 --> 00:00:43.140
Hooks are functions that let you hook

14
00:00:43.170 --> 00:00:47.140
into react state and lifecycle
features from functional components.

15
00:00:47.170 --> 00:00:49.160
Hooks are useful because they allow us

16
00:00:49.180 --> 00:00:53.660
to add state and other react
features to functional components.

17
00:00:53.680 --> 00:00:55.620
Before the introduction of hooks,

18
00:00:55.650 --> 00:00:59.900
state and lifecycle methods could only
be accessed to class based components.

19
00:00:59.930 --> 00:01:02.460
Hooks make it easier to reuse state logic

20
00:01:02.490 --> 00:01:07.180
between different components, making your
code more organized and maintainable.

21
00:01:07.210 --> 00:01:09.210
They also make it easier to test your

22
00:01:09.240 --> 00:01:13.050
components as hooks are just
plain JavaScript functions.

23
00:01:13.080 --> 00:01:17.850
In conclusion, react native hooks are
a powerful tool that allow us to add state

24
00:01:17.880 --> 00:01:20.900
and other react features
to functional components.

25
00:01:20.930 --> 00:01:23.900
In the next video,
we'll dive deeper into understanding

26
00:01:23.930 --> 00:01:28.780
the use state look and how it can be used
to manage state in react native apps.

27
00:01:28.800 --> 00:01:31.080
Thank you for watching and see
you in the next video.