From the course: React Foundations by Pearson

Unlock this course with a free trial

Join today to access over 25,500 courses taught by industry experts.

Lab: user input techniques

Lab: user input techniques - React.js Tutorial

From the course: React Foundations by Pearson

Start my 1-month free trial Buy for my team

Lab: user input techniques

“

Okay, so time for a lab. In this lab, you're going to take the trilingual application from the previous lab, and you're going to see how to use various different input techniques in the code. So there's the student folder, the starter code is in React Dev Student 10 input techniques. The full solution for the end of the lab is in here, which I will walk through later. Anyway, in this lab there are four exercises. The first exercise is just to reacquaint you with the trilingual application code, just to remind you how it looks. And then in exercises 2, 3 and 4 you're going to use the three different techniques we discussed during the lesson to gather user input. In exercise 2 you'll be using the DOM API to get user input and in exercise 3 you'll be using uncontrolled components. Remember an uncontrolled component is when you say react use ref and then exercise 4 using controlled components. Okay, right, so I'm going to show you two different versions of the trilingual application. So…

Contents