Skip to main content
CSS is fun and cool and I like it.

Articles Tagged higher-order components

It takes as much energy to wish as it does to plan. — Eleanor Roosevelt
2 Articles
{
,

}
Article

Draggin’ and Droppin’ in React

Avatar of Maks Akymenko
Author
Maks Akymenko

The React ecosystem offers us a lot of libraries that all are focused on the interaction of drag and drop. We have react-dnd, react-beautiful-dnd, react-drag-n-drop and many more, but some of them require quite a lot of work to build even a simple drag and drop demo, and some do not provide you with more complex functionality (e.g. multiple drag and drop instances), and if they do, it becomes very complex.

This is where react-sortable-hoc comes into play.… Read article “Draggin’ and Droppin’ in React”

Link

Understanding React Render Props and HOC

Avatar of Robin Rendle
Shared by
Robin Rendle

Here’s a great post by Aditya Agarwal on the difference between render props and higher-order components in React. I particularly like the demo he chose to explain the two. But, to summarize:

Higher-order components (HOCs) take a component and return a component. So let’s say you have a component called Username that just returns a string of a user’s name and you want to capitalize that somewhere – this is the perfect opportunity to use a HOC that wraps … Read article “Understanding React Render Props and HOC”

Our Notes   /   Read at blog.bitsrc.io