ideas
ideas copied to clipboard
rehooks
Got an idea for a new React Hook for this org, start here
Even though [the documentation says it's a rare thing](https://reactjs.org/docs/hooks-faq.html#can-i-run-an-effect-only-on-updates), I'm bothered by the fact that there's no built-in way to control if you want `useEffect` to run only on component...
Looks to me like the streamich `react-use` hooks library is pretty awesome and the documentation (using storybook js) is beautiful, with demos, docs, and source code. Its been around for...
This is an interesting hook to cast a custom equal object to reference equal, suppose we have a simple fetch component: ```js const View = ({params}) => { const [value,...
Hook which returns whether the input is focused or not. works great when used with useInputValue.
Useful for things like tooltips that need to be aware of their parent and adjust based off of proximity. ```js import React, { useLayoutEffect, useState } from 'react'; const emptyRect...
I love how GraphQL `` have render props that return ```js ({ loading, props, error, retry }) ``` I often find myself writing the same logic around form submit buttons...
https://developer.mozilla.org/en-US/docs/Web/API/Clipboard ```js const { clipboard, setClipboard } = useClipboard(); ``` **API** ``` useClipboard(mimeType = 'text/html'); ```
- https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API Not sure exactly how best to do this. It seems like you might want to use context to get the scrollable container ref, and then some sort of...
Based on idea from this [article](https://medium.com/@pitipatdop/little-neat-trick-to-capture-click-outside-react-component-5604830beb7f): ```js export default function Img({ src }) { const ref = useClickOutside(handleClickOutside); function handleClickOutside() { console.log("clicked outside"); } return ( ); } function useClickOutside(fn)...
I weren't sure whether this could go to the library but I was curious what others would think about it: **Description:** It creates `React.lazy` component with custom Promise: **Basic usage:**...