Learn how to make a working page by showing network data on screen, and interact to a user’s event, such as clicks. How can we do that?
- [Speaker] Hi, in this video we're going to make use…of the State to make our Components more dynamic.…We'll first start by talking about…the Component Lifecycle methods.…We'll need those in order to make this app works.…Then we're going to move forward into reviewing the…Components' State API.…At the end we're going to keep writing our Components…and handling the zero State of the "RecipeList".…Let's start talking about the Lifecycle methods.…To define a set of methods in our Components…that will be called during the Component Lifecycle,…we are not going to see them all in detail…and if you are not familiar with them,…I strongly recommend you to take some minutes…to read the official documentation online.…
We can separate this method in to three different groups.…The first one are the ones that are called…during the mounting process of the Component.…These are the "ComponentWillMount"…and the "ComponentDidMount" methods.…We're going to use the "ComponentDidMount" in this video…to execute the same network request…
- Structuring React projects
- Creating and mounting the root component
- Composing components for more complex UI
- Using state to making components dynamic
Skill Level Intermediate
React: Managing Complex Interactionswith Emmanuel Henri1h 45m Intermediate
1. How to Structure React Projects
2. Diving into the First Components
3. Styling Made Easy
5. Painless Components Testing
Configure Jest5m 44s
- 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.