Join Joe Chellman for an in-depth discussion in this video First API call in a lifecycle method, part of React for Web Designers (2018).
- [Instructor] In this video, we're going to pull…live status messages from our API…into our Status Message list…by hooking in to a React lifecycle method.…A React lifecycle method, what on earth does that mean?…Okay, lets talk about that.…In the React documentation, you can see a whole long list…of what happens as a component is built.…When you build your components as classes,…you could hook in to these different methods…to take different actions depending on what's going on…with your component.…You go through the process of mounting,…which is when the component is first created,…updating, when things change, and then unmounting,…which is when your component is being removed.…
Different lifecycle methods are good for different purposes,…and you must be using class components in order…to interface with them.…We're going to get to all that in a little bit…but first, lets retrieve the live data.…Over here in hotel.js, I'm going to scroll down…to my message list component, here we go, StatusMessageList,…and right now, I'm using static data, lets collapse that.…
- Identify notable features about how React works.
- Identify good early steps for any React project.
- Explain why the little PHP app that powers our API has a way to add delay.
- Outline what a lifecycle method is.
- Recall the React convention that must be followed when adding a status message.
- Explain the purpose of React.Fragment.
Skill Level Intermediate
1. Introducing React
2. First Project: Customizer
3. Second Project: Directory Browser
4. Third Project: Status Updater
Next steps: Lots more React2m 37s
- 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.