Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Pluralsight

Designing React Components

via Pluralsight

Overview

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.

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.

Syllabus

  • Course Overview 1min
  • Designing Better Components with React 39mins
  • Managing React State in a Component Hierarchy 33mins
  • Asynchronously Updating React State Using Custom React Hooks 42mins
  • Using React Context and the useContext React Hook for Component Data Sharing 37mins
  • Use React Context to Share a Speaker Data and CRUD Functions 36mins
  • Master Performance Monitoring, Error Reporting, and Debugging of Components 22mins
  • Use Higher Order Components and Render Props with Course Takeaways 23mins

Taught by

Peter Kellner

Reviews

4 rating at Pluralsight based on 279 ratings

Start your review of Designing React Components

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.