Mastering React Functional Components with Recompose

Ilya Suzdalnitski
Aug 13, 2018 · 6 min read
Photo by Dean Pugh on Unsplash

Introduction to Functional Components

Higher Order Components

A Messy Class Component

Photo by on Unsplash

The Need for Recompose

The Elegant Functional Component

Photo by Austin Neill on Unsplash

Step 0. Install recompose.

yarn add recompose

Step 1. Extract input form state.

Step 2. Extract form validation logic.

Step 3. Extract form submission logic.

Step 4. Here comes the magic.

Step 5. A Breath of Fresh Air.

Project Source Code

Bonus: optimizing performance with pure


What’s next?

how hackers start their afternoons.

Ilya Suzdalnitski

Written by Senior full-stack engineer. Guides teams to building reliable software. JS/Node/React.

how hackers start their afternoons.