awesome-react-components VS react-use

I think people prefer ecosystem with many resourceful components

https://github.com/brillout/awesome-react-components

This point is not directly covered in the article.

Explore a curated list of awesome React components that can save you time and effort.

Very nice. Added to https://github.com/brillout/awesome-react-components.

Here's the awesome list for react libraries: https://github.com/brillout/awesome-react-components

I can’t get my hands on a beautiful UI framework I saw in one Show HN project few months ago. It is not part of https://github.com/brillout/awesome-react-components#ui-frameworks nor https://github.com/enaqx/awesome-react#react-component-libraries. Do you know any nice UI frameworks / component libraries which are not on those lists ?

8-) Npm packages that solve many of your problems when used with React awesome-react-components

https://github.com/brillout/awesome-react-components (Check out some of the complex projects. like data grids, drag and drop and so on)

import { useState } from 'react' // Following these issues I think this is the best way to implement usePrevious: // https://github.com/childrentime/reactuse/issues/115 // https://github.com/streamich/react-use/issues/2605 // https://github.com/alibaba/hooks/issues/2162 export function usePrevious(value: T): T | undefined { const [current, setCurrent] = useState(value) const [previous, setPrevious] = useState() if (value !== current) { setPrevious(current) setCurrent(value) } return previous }

With FE mindset, it’s very intuitive to come up with a solution listening on the changes of state by using useEffect, much like the approach taken by libraries such as react-use.

Discover a collection of custom React hooks for supercharging your app's functionality.

How do these compare with the current heavyweight library?

https://github.com/streamich/react-use

What's the benefit over useAsync and friends?

try this one: https://github.com/streamich/react-use/blob/master/docs/useSetState.md

One use case for the useWindowSize hook, which belongs to react-use, is for responsive design. The useWindowSize hook keeps track of the size of the browser window which makes it possible to apply different styles (layouts, displays, etc.) to user interfaces at different sizes. It returns an object containing the current width and height of the window.

Link: https://github.com/streamich/react-use

10-) Sometimes when hooks are not enough for you, you may feel the need to write Custom Hooks. A great Custom Hook List that will make your job easier react-use beautiful-react-hooks