Lessons:22Length:2 hours
3.3 Iterating Over Components
So far, you have seen a little bit of JSX in action. While it is very powerful when it comes to React, there are definitely some nuances that you need to be aware of. One of those nuances pops up when you want to iterate over sub-components and display them on the screen. Don't forget those keys! Let's check it out.
1.Introduction
1.1Introduction00:56
1.1
Introduction
00:56
1.2What You Need02:08
1.2
What You Need
02:08
2.Getting Started
2.1Create the React App03:29
2.1
Create the React App
03:29
2.2Hello World06:54
2.2
Hello World
06:54
2.3Create a Hello World Component04:53
2.3
Create a Hello World Component
04:53
3.Building React Components
3.1Create the Hangman Component03:28
3.1
Create the Hangman Component
03:28
3.2Parent-Child Communication07:17
3.2
Parent-Child Communication
07:17
3.3Iterating Over Components09:10
3.3
Iterating Over Components
09:10
3.4Applying Styles to Components05:02
3.4
Applying Styles to Components
05:02
4.Working With State
4.1Introducing State10:21
4.1
Introducing State
10:21
4.2Adding State to the Button Pad07:07
4.2
Adding State to the Button Pad
07:07
4.3Handling Events07:11
4.3
Handling Events
07:11
4.4Cleanup and Updating Component State07:08
4.4
Cleanup and Updating Component State
07:08
4.5Some More Styling03:10
4.5
Some More Styling
03:10
4.6Adding State to the Game Board05:41
4.6
Adding State to the Game Board
05:41
5.Winning and Losing
5.1Adding the Losing Scenario07:03
5.1
Adding the Losing Scenario
07:03
5.2Showing and Hiding Letters06:54
5.2
Showing and Hiding Letters
06:54
5.3Adding the Winning Scenario03:17
5.3
Adding the Winning Scenario
03:17
6.Refactoring and Final Changes
6.1Clean Up the Code03:21
6.1
Clean Up the Code
03:21
6.2Web Requests and Lifecycle Events09:36
6.2
Web Requests and Lifecycle Events
09:36
6.3Final Changes and Extension Points03:58
6.3
Final Changes and Extension Points
03:58
7.Conclusion
7.1Conclusion01:40
7.1
Conclusion
01:40
