Join Carl Peaslee for an in-depth discussion in this video Introduction to classes, part of React: ES6, ES2016, and Beyond.
- [Instructor] In the next few videos…we're going to talk about classes.…As you may have noticed, in our files,…when we are bringing in our react component,…we're using the class syntax so we're…importing this component and we're…expecting it to be a class that gets extended.…If you're not familiar with classes,…this video and the next few ones should help you understand.…I think this is going to be a good opportunity…for us to practice making classes and…my idea is we'll use this to kind of…make our project a little bit more colorful,…we'll generate some random colors,…and we'll stick them into our styling.…
If you don't know what kind of style you want…for your text, you can just put in the word…random and it'll give you some pretty new color.…Let's go to the top of our utils function…and we're just going to start by calling class…and the name of the class we want to create…and then opening up our brackets.…This is how we make a class variable.…Something you should know about the…background, what's powering class.…
- Using const and let
- Importing and exporting modules
- Arrow functions
- Destructing assignments
- Arguments and template literals
- Extended parameter handling with the spread operator
- Generating custom styles
- Classes, getters and setters
Skill Level Intermediate
1. Variables and Declarations
2. Arguments and Template Literals
4. Promises and Async
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.