YoVDO

Higher Order Components with Functional Patterns Using Recompose

Offered By: egghead.io

Tags

React Courses Web Development Courses Functional Programming Courses Higher-Order Components Courses

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