web
transition-hook
Our great sponsors
web | transition-hook | |
---|---|---|
10 | 3 | |
1,826 | 370 | |
2.4% | - | |
9.1 | 0.0 | |
5 days ago | 10 months ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
web
-
UseHooks – A Collection of Server Component Safe React Hooks
From what I've been able to tell, that lib is unmaintained and one of the original authors left and created this – https://github.com/react-hookz/web.
A lot of older hook libs "break the rules" of React by doing some weird stuff like silencing useEffects deps array, reading refs in render, etc. We tried to avoid that so useHooks will be future proof.
-
Can't come to a conclusion if a component is pure or not. Please make me understand.
I re-read relevant documentation many times and am very aware of what purity means. I guess what's throwing me off is that every hook library uses such implementation of usePrevious: * react-hookz * ahooks * rooks
- React의 맥가이버, react-use, react-hookz!
-
What would you change about React?
export function useMountEffect(effect: CallableFunction): void { useEffect(() => { effect(); // eslint-disable-next-line react-hooks/exhaustive-deps }, []); } ``` Taken from https://github.com/react-hookz/web/blob/master/src/useMountEffect/useMountEffect.ts
- Using React Context to store a Locale Change callback - Right or wrong?
-
I built a library for useful react hooks and utilities — react-hooks-library
react-use is also unmaintained. @react-hooks/web is the new library by one of its former maintainers.
-
What are your favourite custom hooks?
Everything in react-hookz!
-
Commonly used libraries (standard "go to") for medium size application
If you are looking for a solid library of useful hooks, @react-hookz/web](https://github.com/react-hookz/web) is a good place to start
-
@react-hookz/web - the successor of react-use, but this time done right
Everyone are welcome: https://github.com/react-hookz/web
transition-hook
-
React scroll animations with Framer Motion
Some React animations libraries, like react-transition-group and transition-hook, animate elements with manually configured CSS transitions. Framer Motion takes a different approach, by animating elements under the hood with preconfigured styles.
-
How to build faster animation transitions in React
In this tutorial, we'll demonstrate how to create fast transition animations in React using transition-hook.
-
What are your favourite custom hooks?
useTransition and useSwitchTransition from transition-hook. It makes animation so simple.
What are some alternatives?
react-use - React Hooks — 👍
react-transition-group - An easy way to perform animations when a React component enters or leaves the DOM
react-use-please-stay - A React hook that animates the document title and/or favicon when focus from the page is lost.
react-relaxed - Lightweight React Hooks for debouncing and throttling inputs
usehooks - A collection of modern, server-safe React hooks – from the ui.dev team
trigger - A library for creating scroll-based animation with HTML attributes and CSS variables.
use-timer - A timer hook for React
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
react-use-chinese - 中文文档@react-use
react-native-circular-chart - 💹 react native circular chat
jest-react-hooks-shallow - Bringing React Hooks to shallow rendering
react-spring - ✌️ A spring physics based React animation library