Higher Order Components with Functional Patterns Using Recompose
Offered By: egghead.io
Course Description
Overview
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.
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
Related Courses
Complete React Hooks Course 2021: A - Z ( Scratch to React )Udemy React: Design Patterns
LinkedIn Learning Advanced Vue.js Features from the Ground Up
Frontend Masters React Class Component Patterns
egghead.io React - Working with Higher Order Components
Coursera Project Network via Coursera