react VS react-use

Guía de TypeScript para React: Using TypeScript with React

Congratulations, you now know how to use TypeScript in your React App. For further reading check out this React TypeScript cheat sheet

Quickly reference the essentials with these handy React cheatsheets.

For React and Typescript, this is the bible: https://react-typescript-cheatsheet.netlify.app/

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