Join Joe Chellman for an in-depth discussion in this video Change options, see reactions, part of React for Web Designers (2018).
- [Instructor] We have all of our components in place.…But if we make selections,…nothing changes.…My list of five colors is the same…no matter which size I select.…I can select different colors,…nothing happens to the shoe or to the list of sizes.…So we need to make some changes…so that these events that we fire in the browser…actually update the state.…And we're going to do that for the first time in this video.…We're going to work on the size selector for now.…React event handlers are added to your elements…as props in camel case.…
So for example,…if we were going to add a click event handler…to each of these options we might do it like this.…They're technically synthetic events…for compatibility reasons across browsers,…but the coverage is good enough…that you can basically assume there's an event and react…for anything that you need.…And they're all defined as these attributes…or props on your elements.…There's documentation on the React website…telling you all the different supported events…that are built into the library as of the current version.…
- 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.