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

Functional Programming Principles in Scala
École Polytechnique Fédérale de Lausanne via Coursera
Functional Program Design in Scala
École Polytechnique Fédérale de Lausanne via Coursera
Paradigms of Computer Programming
Université catholique de Louvain via edX
Introduction to Functional Programming
Delft University of Technology via edX
Paradigms of Computer Programming – Fundamentals
Université catholique de Louvain via edX