Tag: functional programming


Higher-order components: the ultimate guide (part II)

In the first part , you learned how to write reusable higher-order components (HoC) and hopefully understood the ideas behind this pattern…

Higher-order components: the ultimate guide (part I)

The maintainable component structure is a crucial prerequisite for a stable React application. You can achieve this by writing your code in…

Why to use higher-order components anyway?

This is the final post from the post series about higher-order components. In the previous posts, we’ve uncovered the ideas behind the…

Use Recompose for higher-order components' composition

In the previous post , you’ve seen some simple HoCs. However, this pattern is so powerful that it has been used in many React-based…

Composition of higher-order components

If you check our example from the previous post , you’ll see that we have a new problem. The component is no longer reusable since we…

Functional or class-based higher-order components?

If you went through the previous posts, you should be able to write reusable higher-order components yourself and have a better…

Make all the components reusable

In the previous posts, you’ve learned how to create a HoCs. Now, we’ll take a look at how to make them reusable. Making components reusable…

Higher-order components as pancakes decorations? Why not?

In the previous post , you’ve learned how higher-order components (HoCs) work under the hood and how to define one yourself. Now, we’ll take…

Introducing higher-order components

In the previous post , you’ve learned about the basic principles of functional programming (FP). Now, we’ll take a look at how to use these…

Taste the principles of functional programming in React

This post was also translated to Korean The maintainable component structure is a crucial prerequisite for a stable React application. You…
built with 💙 by David in 2019