Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
---|---|---|---|---|---|---|---|---|---|---|
Next.js | 107,470 | 7,716 | 3,624 | 4 hours ago | 1,624 | September 23, 2022 | 2,144 | mit | JavaScript | |
The React Framework | ||||||||||
Swr | 26,946 | 13 | 451 | a day ago | 124 | September 12, 2022 | 76 | mit | TypeScript | |
React Hooks for Data Fetching | ||||||||||
Trpc | 26,276 | 56 | a day ago | 332 | September 22, 2022 | 85 | mit | TypeScript | ||
๐งโโ๏ธ Move Fast and Break Nothing. End-to-end typesafe APIs made easy. | ||||||||||
Jsoncrack.com | 24,331 | 10 days ago | 35 | gpl-3.0 | TypeScript | |||||
โจ Seamlessly visualize your JSON data instantly into graphs. | ||||||||||
Lenster | 20,407 | 7 hours ago | 113 | gpl-3.0 | TypeScript | |||||
Lenster is a decentralized and permissionless social media app built with Lens Protocol ๐ฟ | ||||||||||
Nativebase | 19,318 | 4,291 | 305 | a month ago | 348 | September 23, 2022 | 320 | mit | TypeScript | |
Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web. | ||||||||||
Nx | 17,783 | 126 | 264 | 4 hours ago | 846 | September 23, 2022 | 624 | mit | TypeScript | |
Smart, Fast and Extensible Build System | ||||||||||
Next Auth | 17,037 | 21 | 73 | 20 hours ago | 567 | August 01, 2022 | 247 | isc | TypeScript | |
Authentication for the Web. | ||||||||||
Sst | 15,256 | 4 | 10 hours ago | 681 | September 23, 2022 | 674 | mit | JavaScript | ||
๐ฅ SST makes it easy to build full-stack serverless apps. | ||||||||||
Blitz | 12,845 | 3 | 11 | a day ago | 421 | September 13, 2022 | 194 | mit | TypeScript | |
โก๏ธ The Missing Fullstack Toolkit for Next.js |
npm i usehooks-ts
useBoolean()
useClickAnyWhere()
useCopyToClipboard()
useCountdown()
useCounter()
useDarkMode()
useDebounce()
useDocumentTitle()
useEffectOnce()
useElementSize()
useEventListener()
useFetch()
useHover()
useImageOnLoad()
useIntersectionObserver()
useInterval()
useIsClient()
useIsFirstRender()
useIsMounted()
useIsomorphicLayoutEffect()
useLocalStorage()
useLockedBody()
useMap()
useMediaQuery()
useOnClickOutside()
useReadLocalStorage()
useScreen()
useScript()
useSessionStorage()
useSsr()
useStep()
useTernaryDarkMode()
useTimeout()
useToggle()
useUpdateEffect()
useWindowSize()
Thanks for wanting to contribute! It's more than welcome ๐ค
Most content changes (like fixing a typo) can be made without cloning the repository. Simply locate the file you wish to change in the GitHub UI, and click the little edit icon to make your change directly on the GitHub website.
If you need to make any other substantial changes, then follow the project setup steps below.
Before starting, make sure you have the good system dependencies:
Note: To easily switch node version, consider Node Version Manager (nvm).
Then fork the repository, clone it and install.
git clone https://github.com/{your_username}/usehooks-ts.git
cd usehooks-ts
pnpm install
# This command generates boilerplate for new hooks.
# Skip if updating an existed hook.
pnpm gen-hook
# start working
pnpm dev
# or
pnpm dev --filter=usehooks-ts # jest --watch
pnpm dev --filter=www # next dev
# Develop
pnpm build
pnpm lint
pnpm types-check
pnpm test
๐ ./packages/usehooks-ts
โโโ ๐ useHookName
โ โโโ ๐ useHookName.demo.tsx # working demo
โ โโโ ๐ useHookName.mdx # the documentation content
โ โโโ ๐งช useHookName.test.ts # unit tests
โ โโโ ๐ useHookName.ts # the hook
...
When the usehooks-ts
is compiled, only the necessary files are used.
The other files are copied in the documentation website.
Note: The demo is used different way:
Big thanks goes to these wonderful people โค๏ธ
This project follows the all-contributors specification (emoji key). Contributions of any kind welcome!
This project is MIT licensed.