Join Eve Porcello for an in-depth discussion in this video PropTypes, part of Learn React.js: The Basics.
- [Instructor] So far, our note component handles state.…We also have properties being displayed.…We are displaying the children of the note,…so Hello World will render as this dot props dot children.…We're going to take the next step with this now,…and create a board component.…Eventually, the board component…will display a certain number of notes.…We will get the value of the number…of those notes from properties.…Let's first create our board component.…The board component is going to just be a regular component.…
It's going to render something,…and what it's going to render is a div,…and then the div should have a…class name of board, lowercase board.…That's just going to pull directly from our CSS.…Next up, we need to, instead of rendering our note,…we want to render the board,…and we are also going to give our board…a property equal to count 10.…This will display 10 notes,…we're going to pull that from props.…
Just to see if this is working okay,…we're going to display this in a JSX expression.…This dot props dot count should display…
- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app
Skill Level Beginner
Building a Web Interface with React.jswith Ray Villalobos1h 21m Intermediate
1. What Is React.js?
2. Getting Started
3. React Components
4. Props and State
5. Enhancing Components
6. Creating an App
Using create-react-app4m 38s
Next steps1m 4s
- 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.