1
00:00:02,000 --> 00:00:04,000
Now, this course is about React,

2
00:00:04,000 --> 00:00:05,000
but it is worth noting

3
00:00:05,000 --> 00:00:09,000
that there are alternatives to React.js.

4
00:00:09,000 --> 00:00:11,000
Now, we're going to focus on React here

5
00:00:11,000 --> 00:00:16,000
and React is one of the most popular front-end frameworks

6
00:00:16,000 --> 00:00:19,000
or libraries, however you want to call it, you can learn.

7
00:00:19,000 --> 00:00:22,000
It's a lean and focused component-based UI library.

8
00:00:22,000 --> 00:00:25,000
It really focuses on this component thing,

9
00:00:25,000 --> 00:00:29,000
and it doesn't have a lot of other features built in.

10
00:00:29,000 --> 00:00:32,000
If you need other features like routing,

11
00:00:32,000 --> 00:00:35,000
which we are going to learn about in this video,

12
00:00:35,000 --> 00:00:39,000
then you need to bring extra third-party packages.

13
00:00:39,000 --> 00:00:42,000
That's not horrible, but it is something to be aware of.

14
00:00:42,000 --> 00:00:46,000
React itself is really just focused on bringing stuff

15
00:00:46,000 --> 00:00:48,000
onto the screen and updating that for you,

16
00:00:48,000 --> 00:00:53,000
and allowing you to build these custom HTML elements.

17
00:00:53,000 --> 00:00:56,000
These components, that's the core focus of React.

18
00:00:57,000 --> 00:01:00,000
Now, an alternative to React, which has more built

19
00:01:00,000 --> 00:01:04,000
in features would be Angular, another very important

20
00:01:04,000 --> 00:01:07,000
and very popular front-end framework.

21
00:01:07,000 --> 00:01:09,000
And I got a course on this as well.

22
00:01:09,000 --> 00:01:13,000
Angular is a complete component-based UI framework,

23
00:01:13,000 --> 00:01:17,000
so it also focuses on components, just like React,

24
00:01:17,000 --> 00:01:20,000
but it ships more built in features than React.

25
00:01:20,000 --> 00:01:24,000
It also embraces TypeScript right from the start.

26
00:01:24,000 --> 00:01:27,000
And it can be overkill for smaller projects therefore,

27
00:01:27,000 --> 00:01:29,000
since it has way more features built in.

28
00:01:29,000 --> 00:01:31,000
But for large projects, on the other hand,

29
00:01:31,000 --> 00:01:34,000
you don't need to rely on the community as much

30
00:01:34,000 --> 00:01:38,000
because there's more built into that framework.

31
00:01:38,000 --> 00:01:41,000
So, that's simply a little consideration you have to make.

32
00:01:41,000 --> 00:01:43,000
The syntax also looks a bit differently

33
00:01:43,000 --> 00:01:46,000
because whilst it is component focused,

34
00:01:46,000 --> 00:01:47,000
building these components works

35
00:01:47,000 --> 00:01:51,000
a bit differently with Angular than it does with React.

36
00:01:51,000 --> 00:01:53,000
Again, I got a course on that,

37
00:01:53,000 --> 00:01:55,000
if you want to check out Angular as well.

38
00:01:55,000 --> 00:01:58,000
And we also have another very popular framework,

39
00:01:58,000 --> 00:02:03,000
another popular alternative and that would be Vue.js.

40
00:02:03,000 --> 00:02:07,000
Vue.js is kind of like the mixture of Angular and React.

41
00:02:07,000 --> 00:02:09,000
In between those two extremes,

42
00:02:09,000 --> 00:02:11,000
if you want to call it like this.

43
00:02:11,000 --> 00:02:15,000
It's also a complete component-based UI framework,

44
00:02:15,000 --> 00:02:17,000
and it also includes a lot of features,

45
00:02:17,000 --> 00:02:22,000
but a bit less features than Angular, but more than React.

46
00:02:22,000 --> 00:02:25,000
It includes core features like routing, for example,

47
00:02:25,000 --> 00:02:29,000
and therefore with Vue, you also have to rely less

48
00:02:29,000 --> 00:02:32,000
on the community and still you don't have

49
00:02:32,000 --> 00:02:36,000
as much overload possibly as you might have

50
00:02:36,000 --> 00:02:39,000
with Angular, depending on what you build.

51
00:02:39,000 --> 00:02:42,000
I also got a more detailed comparison video

52
00:02:42,000 --> 00:02:44,000
on these free technologies

53
00:02:44,000 --> 00:02:46,000
in case you are interested in that.

54
00:02:46,000 --> 00:02:48,000
Now, all three are super popular.

55
00:02:48,000 --> 00:02:52,000
React, currently, is probably the most popular,

56
00:02:52,000 --> 00:02:53,000
but all three are great.

57
00:02:53,000 --> 00:02:56,000
I got courses on all three and therefore checking

58
00:02:56,000 --> 00:02:58,000
those out might be a good idea as well.

59
00:02:58,000 --> 00:03:01,000
But this course, of course, is about React

60
00:03:01,000 --> 00:03:04,000
and therefore let's not lose any time, let's dive right in.

