Working with Components in React
Implement components, share state with Context, handle errors and improve component UI performance.
React is 100% a component-based library. Every React app starts with a component, and everything else flows from there. The analogy: looking at a photo (static HTML page with full-page reloads) vs watching a movie (dynamic React app where components change without page reloads).
A React component is an independent unit of code that serves a specific purpose. Together, they form a hierarchy (tree) to build a complete application.
Sign in to read this course
A free account unlocks all 514 courses. 20 are readable without one.
What's inside
10 sections- 1 Table of Contents
- 2 Course Overview
- 3 Implementing Components in a React App
- 4 Exploring the React Application (Todo Manager)
- 5 Sharing Global State and React Context
- 6 Error Handling and Debugging
- 7 Improving Component UI Performance
- 8 Introduction to Server Components
- 9 Reference Tables
- 10 Summary
More React & TypeScript courses
View all 15React Fundamentals
React from scratch — JSX, components, styling, hooks, props/state, side effects and forms.
Working with Data in React
Core data patterns, Context for data and forms, Suspense, enterprise features and Server Actions.
Managing State in React 18
Local, remote, URL and web-storage state, derived state, forms, refs, useReducer and Context.
Using Hooks in React 19
Built-in hooks and custom hooks, performance with memoization and forms with useActionState.
Styling Apps in React 18
Compare React styling techniques — CSS-in-JS (styled-jsx) and CSS Modules with best practices.
Using TypeScript with React
Add TypeScript to React, convert a JS app and add runtime type safety with Zod.
Interested in this course?
Contact us to book it or get a custom training plan for your team.