In React 16, developers can now render arrays. In this video, we look at how to render more than just one component. We also add keys to support React reconciliation.
Now in previous versions of React,…we were only able to render one root element.…In other words, everything had to be nested…inside of one tag.…In React 16, we can render arrays.…So let's take a look at what this might look like.…The first step is we're going to use…react dom without render.…We're going to render this component called greetings.…And this component should be mounted…to the root element here on line eight.…
- What's new in React 16
- Rendering arrays
- Controlled, uncontrolled, and compound components
- Using keyed fragments
- Working with new lifecycle methods
- React patterns
- Using the context API
- Checking for accessibility issues in your React code
Skill Level Advanced
1. What’s New in React
2. Advanced Components
3. Enhanced Components
4. React Patterns
5. React Accessibility
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
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.