egghead.io
illustration for Higher Order Components with Functional Patterns Using Recompose

Course

Higher Order Components with Functional Patterns Using Recompose

  1. 1
    Write a Higher Order Component from Scratch
    3m 15s
  2. 2
    Compose Multiple Higher Order Components Together using Recompose
    3m 46s
  3. 3
    Add Local State to a Functional Stateless Component using Recompose
    6m 21s
  4. 4
    Add Local State with Redux-like Reducers using Recompose
    2m 36s
  5. 5
    Add Lifecycle Hooks to a Functional Stateless Component using Recompose
    2m 56s
  6. 6
    Transform Props by using the Recompose mapProps Higher Order Component
    2m 49s
  7. 7
    Lock Props by using the Recompose withProps Higher Order Component
    2m 32s
  8. 8
    Flatten a Prop using Recompose
    1m 10s
  9. 9
    Show a Spinner While a Component is Loading using Recompose
    2m 48s
  10. 10
    Show Error Messages based on Non-Optimal States with Recompose
    4m 34s
  11. 11
    Render Components Based on Predicates in Recompose
    1m 43s
  12. 12
    Set the HTML Tag of a Component via a Prop using Recompose
    2m 33s
  13. 13
    Optimize Expensive Computations in Recompose
    1m 33s
  14. 14
    Optimize Component Rendering using Recompose
    6m 14s
  15. 15
    Learn How Recompose Optimizes Higher Order Components
    3m 36s

Optimize Expensive Computations in Recompose

Tim Kindberg
InstructorTim Kindberg
  • react
    React^16.0.0
  • recompose
    Recompose

Share this video with your friends

Send Tweet

Learn how to use the 'withPropsOnChange' higher order component to help ensure that expensive prop computations are only executed when necessary. Simply specify which props are “expensive” and provide a factory function for those props.

Build your Developer Portfolio and climb the engineering career ladder.
  • Search
  • Talks
  • Podcasts
  • Machine
  • Pricing
  • Store
©egghead.io
Terms & Conditions