- Course
Designing React 17 Components
This course will teach you how to architect and build components in React that work together to present a consistent view across your web app.
- Course
Designing React 17 Components
This course will teach you how to architect and build components in React that work together to present a consistent view across your web app.
Get started today
Access this course and other top-rated tech content with one of our business plans.
Try this course for free
Access this course and other top-rated tech content with one of our individual plans.
This course is included in the libraries shown below:
- Core Tech
What you'll learn
Creating UIs in React is all about creating independent components that seamlessly work together to present a consistent view across your web app. In this course, Designing React 17 Components, you will gain the ability to architect and build high quality web apps, that ensures just the right components re-render as the data in your applications changes. First, you will learn how separation of concerns applies to building React components. Next, you will discover the various primitive methods for sharing data and methods between components. Finally, you will explore how to use Context for establishing shared information and use custom hooks for advanced state management. When you are finished with this course, you will have the skills and knowledge of React component design needed to leverage re-usability and ensure consistency in your apps and code with less bugs.
Designing React 17 Components
-
Version Check | 20s
-
Introduction | 3m 25s
-
Setting up Our React Development Environment | 3m 12s
-
Recognizing a React App Is Just a Collection of Components | 2m 5s
-
Deciding How to Divide Your App into Components | 3m 46s
-
Loading Static Assets into Our Visual Studio Code React Project | 2m 53s
-
Create a Nested Tree of Components from a Single Speaker Component | 5m 39s
-
Introducing Using Context as a Refactoring Strategy | 3m 17s
-
Extract Session and Sessions Components from Our Single Component | 4m 58s
-
Learn Multiple Ways to Pass Data into Components Using Props | 3m 24s
-
Create a Nested Tree of Components from a Single Speaker Component | 5m 15s
-
Takeaways | 1m 7s