In this course, you will learn to use many of the most powerful and convenient higher-order components within Recompose by coding several real-world examples. Using recompose looks very different from “vanilla” React; so you will also get comfortable with the look and feel of a “recomposed” component. The best part is no more need for class components! You’ll learn how to use Recompose to both modify components and also create your own higher-order components.
Overview
Syllabus
- Write a Higher Order Component from Scratch
- Compose Multiple Higher Order Components Together using Recompose
- Add Local State to a Functional Stateless Component using Recompose
- Add Local State with Redux-like Reducers using Recompose
- Add Lifecycle Hooks to a Functional Stateless Component using Recompose
- Transform Props by using the Recompose mapProps Higher Order Component
- Lock Props by using the Recompose withProps Higher Order Component
- Flatten a Prop using Recompose
- Show a Spinner While a Component is Loading using Recompose
- Show Error Messages based on Non-Optimal States with Recompose
- Render Components Based on Predicates in Recompose
- Set the HTML Tag of a Component via a Prop using Recompose
- Optimize Expensive Computations in Recompose
- Optimize Component Rendering using Recompose
- Learn How Recompose Optimizes Higher Order Components
Taught by
Tim Kindberg
