Tag: react


Learn ReasonML by building Tic Tac Toe in React (part II)

In the first part , we initialized our Tic Tac Toe game, tackled some of Reason’s basics and defined our variant types. We’ll continue where…

Learn ReasonML by building Tic Tac Toe in React (part I)

You may have heard of Reason before. It’s a syntax on top of OCaml that compiles to both readable JavaScript code and to native and…

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