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
Introduction to ReactJSMicrosoft via edX Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax React
Udacity