1
00:00:02,280 --> 00:00:04,690
This is React in a nutshell.

2
00:00:04,690 --> 00:00:09,970
Now there is way more to React and we'll see way more throughout

3
00:00:09,990 --> 00:00:16,230
our course project, where we will build an entire app with React, where we will also add routing and do

4
00:00:16,230 --> 00:00:18,940
more complex user input management and so on

5
00:00:19,110 --> 00:00:22,520
but for this refresher, we learned everything we need.

6
00:00:22,770 --> 00:00:29,130
Now as I mentioned multiple times, really also take some dedicated React resources, no matter if that's

7
00:00:29,130 --> 00:00:33,390
my complete guide course or the official docs or any other tutorial

8
00:00:33,390 --> 00:00:39,870
if you are serious about React. This course has not the goal of teaching you React from the ground up,

9
00:00:39,870 --> 00:00:45,330
I do explain a lot to ensure that we're all on the same page and I will explain every feature we add

10
00:00:45,330 --> 00:00:46,440
throughout this course

11
00:00:46,590 --> 00:00:54,000
but in dedicated resources, you simply get a way deeper and better insight into React, into all its features,

12
00:00:54,090 --> 00:00:58,830
including features which we don't need in this course and how it works under the hood,

13
00:00:58,830 --> 00:01:03,130
so that's my strong recommendation. From this refresher,

14
00:01:03,130 --> 00:01:08,860
the most important takeaway is that you understand that React is all about components, that components

15
00:01:08,920 --> 00:01:15,010
are functions that return jsx or Javascript classes with a render method which we don't use here

16
00:01:15,020 --> 00:01:22,260
though, that components can receive props to receive data from parent components, that props can also

17
00:01:22,270 --> 00:01:29,080
receive functions, pointers at functions so that the child component, the component used in another

18
00:01:29,080 --> 00:01:35,530
component can communicate back to its parent component, so to the component using it and that you have

19
00:01:35,530 --> 00:01:42,280
this very important concept of state which allows you to manage data, that when changed with one of the

20
00:01:42,280 --> 00:01:49,270
state updating functions, actually causes React to re-render the component and re-render the jsx code

21
00:01:49,450 --> 00:01:52,660
and re-evaluate what needs to be output on the screen,

22
00:01:52,660 --> 00:01:58,500
this is what allows you to render dynamic content with the help of React.

23
00:01:58,510 --> 00:02:03,820
These are all the important takeaways and again, there is more we will learn and more you can learn about

24
00:02:03,820 --> 00:02:08,980
React in general but these are the concepts which definitely should be clear by now.