React JS Tutorial #5 - Class Components

In this tutorial, you'll learn how to create class components in React JS, which are powerful and flexible components that can manage their own state and lifecycle methods. We'll cover the basics of class components, how to use props to pass data between components, how to create a constructor, and what states are.

◾◾◾◾◾ Timestamps ◾◾◾◾◾
00:00 | Introduction
00:33 | Creating Class Components
01:36 | Render Class Components
03:50 | Constructors and State
07:05 | Properties
08:15 | Access Class Components from another File

◾◾◾◾◾ Join the Community! ◾◾◾◾◾

◾◾◾◾◾ Hashtags ◾◾◾◾◾
#react #javascript #webdevelopment

[vovandarius]

I love the playlist, but I would like to suggest what would make it even more accessible. When you were setting up this.state of the ClassComponent, you explained what you were doing literally: "put a pair of curly braces, semicolon...". However, I believe that mentioning that this.state is a JavaScript object would be a great preface to the steps further. Simply, there is no other explanation, but if (for any reason) the viewer didn't not know why you are using this syntax, the literal explanation would leave a lot of questions. Adding reasoning where it is omitted would really help.

The particular places where I felt like a brief explanation was missing:
1) JS object syntax for this.state
2) using curly braces amid JSX (hence, explaining what JSX is and how it differs from regular HTML) because that is the way we should access JavaScript code in the center of our markup
3) explaining explicitly that there are two sources of data for the rendered markup: state and props.

Apart from that (a wish for introducing and concluding "higher-level" sentences here and there), I find that your explanations are very beginner-friendly, which really helps when one is just starting out.