1
00:00:02,000 --> 00:00:06,000
Now because things get easier with React,

2
00:00:06,000 --> 00:00:09,000
and because we can build those rich user interfaces

3
00:00:09,000 --> 00:00:13,000
with React and JavaScript, when working with React,

4
00:00:13,000 --> 00:00:18,000
we often build so-called signal page applications.

5
00:00:18,000 --> 00:00:20,000
Because whilst we can use React

6
00:00:20,000 --> 00:00:23,000
to control parts of a HTML page,

7
00:00:23,000 --> 00:00:26,000
let's say some interactive sidebar,

8
00:00:26,000 --> 00:00:28,000
and therefore we add a widget, you could say,

9
00:00:28,000 --> 00:00:31,000
to a page where only a part of the page

10
00:00:31,000 --> 00:00:33,000
is controlled with React,

11
00:00:33,000 --> 00:00:37,000
it is more common to control the entire page with React,

12
00:00:37,000 --> 00:00:39,000
which means that we use React

13
00:00:39,000 --> 00:00:41,000
for everything we see on the screen,

14
00:00:41,000 --> 00:00:44,000
and even for switching pages.

15
00:00:44,000 --> 00:00:47,000
So when we click on a link and we load a new page,

16
00:00:47,000 --> 00:00:51,000
as I did with Netflix when I clicked on my list,

17
00:00:51,000 --> 00:00:55,000
it looks to the user as if we switched the page,

18
00:00:55,000 --> 00:01:00,000
but actually don't request a new HTML file from some server,

19
00:01:00,000 --> 00:01:05,000
instead, we just use the JavaScript through React.js

20
00:01:05,000 --> 00:01:08,000
to change what's visible on the screen.

21
00:01:08,000 --> 00:01:11,000
And that often leads to a smoother UI

22
00:01:11,000 --> 00:01:13,000
and a better user experience,

23
00:01:13,000 --> 00:01:16,000
as you see it at the example of Netflix.

24
00:01:16,000 --> 00:01:17,000
It's built with React,

25
00:01:17,000 --> 00:01:21,000
and there we never request a second HTML page,

26
00:01:21,000 --> 00:01:24,000
hence it's a single page application

27
00:01:24,000 --> 00:01:27,000
where after the initial request to the side,

28
00:01:27,000 --> 00:01:32,000
React takes over and controls what we see on the screen.

29
00:01:32,000 --> 00:01:33,000
Now throughout this course,

30
00:01:33,000 --> 00:01:36,000
we are going to learn React in depth,

31
00:01:36,000 --> 00:01:39,000
and we're going to start with this basic dummy demo here

32
00:01:39,000 --> 00:01:42,000
to learn about some core concepts.

33
00:01:42,000 --> 00:01:43,000
And then later throughout the course,

34
00:01:43,000 --> 00:01:46,000
we're going to build this Meetup project,

35
00:01:46,000 --> 00:01:47,000
this mini project here,

36
00:01:47,000 --> 00:01:51,000
where we see more React features in action

37
00:01:51,000 --> 00:01:53,000
and where we can practice all those basics.

38
00:01:53,000 --> 00:01:56,000
And where then, at the end, really understand

39
00:01:56,000 --> 00:01:59,000
how React works, and which features it brings.