Join Joe Chellman for an in-depth discussion in this video Hooking up the form to post an update, part of React for Web Designers (2018).
- [Instructor] In this video we're going to start…wiring up the post form component,…so it can send updates to the server.…Currently the form is uncontrolled,…so I can type whatever I want in here…and React doesn't do anything.…Let's begin by getting these form elements under control.…Switching back to my editor,…I'm going to scroll down to the form.…And first, we'll add some handlers…to the text area, and the select box.…We'll add an onChange to each of them.…For the onChange, we'll call it handleTextChange,…that'll work.…
And I'll copy this, add the function up here.…I won't put any implementation in there yet,…we'll just get it started.…We'll copy this,…and paste it down here in the select box.…We'll call this one handleTypeChange.…Scroll up and do a little copy-paste here as well,…handleTypeChange.…And I'll add the event parameters to each of these.…We'll do that much.…
And then finally, I'm going to need a handler…for when this form is submitted.…So I'll add an onSubmit here,…and this one, we'll call postStatusUpdate.…
- 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.