Join Joe Chellman for an in-depth discussion in this video Make a plan, part of React for Web Designers (2018).
- [Instructor] In this video we're going…to start our next React project.…We're going to get familiar with the mock-up…of what we're looking for.…And we're going to do a little bit of set up…to get the groundwork in place.…So first of all we'll introduce the website.…This is Leaf and Mortar.…This is a sample existing website…into which we're going to bring some React components.…We're going to be working with this company directory,…which is a list of all the employees here at this,…we're going to say it's an architecture firm say.…And we have these filters which currently don't work.…
It's just a mock-up.…But the idea will be that we can type somebody's name in,…and it will search the available names,…and only show people whose name matches.…Likewise we can limit by certain job titles.…And we have a check box to show…only people who are interns or those who are not.…So if we're going to build this into a series of components,…we need to think about how we're going to do that.…What I'm going to recommend is…that we have one big component that contains everything.…
- 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.