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

Expanding Your JS Skills with React
A Cloud Guru
Introduction to AWS AppSync
A Cloud Guru
Advanced React
Meta via Coursera
React المتقدم
Meta via Coursera
React avanzado
Meta via Coursera