React JSX Lab
Overview
In this lab, you'll define component with JSX and compile Javascript.
Setup
We'll focus on writing JSX code to render components. Make sure you export your components; otherwise the tests won't be able to access your code!
Registration form
- In the
components/RegistrationForm.js
file, create an ES2015 React component calledRegistrationForm
. - This component should contain the following:
- One
<form>
element - Two
<input>
elements — one has atext
type, the other one is apassword
- One
<button>
element with thesubmit
type
- One
Webpage
- In the
components/FillerText.js
file, create an ES2015 React component calledFillerText
. - This component should be a paragraph containing the following text:
I am a filler text. I can be used to fill your screen. Amazing!
. - In the
components/Webpage.js
file, create an ES2015 React component calledWebpage
. - This component should contain a title with the text
The world's coolest webpage
. - This component should also contain two instances of the
FillerText
component.