-
Course
- Core Tech
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.
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.
Table of contents
- 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
About the author
Peter is the founder of Silicon Valley Code Camp and long-time software professional specializing in mobile and web technologies. He has also been a Microsoft MVP in ASP.NET since 2006.
More Courses by Peter