Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
awesome-react-hooks
关于 React Hooks 的精选列表。Hooks 是 React 16.8 中的新增功能。它们让您无需编写类即可使用状态和其他 React 功能。
https://github.com/0end1/awesome-react-hooks
Last synced: 4 days ago
JSON representation
-
Tutorials
- "State Management with React Hooks - No Redux or Context API" by André Gardi
- "State Management with React Hooks - No Redux or Context API" by André Gardi
- "State Management with React Hooks - No Redux or Context API" by André Gardi
- "State Management with React Hooks - No Redux or Context API" by André Gardi
- "State Management with React Hooks - No Redux or Context API" by André Gardi
- "React Hooks: What’s going to happen to my tests?" by Kent C. Dodds
- "State Management with React Hooks - No Redux or Context API" by André Gardi
- "State Management with React Hooks - No Redux or Context API" by André Gardi
- "State Management with React Hooks - No Redux or Context API" by André Gardi
- "State Management with React Hooks - No Redux or Context API" by André Gardi
- "State Management with React Hooks - No Redux or Context API" by André Gardi
- "State Management with React Hooks - No Redux or Context API" by André Gardi
- "State Management with React Hooks - No Redux or Context API" by André Gardi
- "State Management with React Hooks - No Redux or Context API" by André Gardi
- "State Management with React Hooks - No Redux or Context API" by André Gardi
- "State Management with React Hooks - No Redux or Context API" by André Gardi
- "State Management with React Hooks - No Redux or Context API" by André Gardi
- "Making Sense of React Hooks" by Dan Abramov
- "From React.Component to hooks" by Octave Raimbault
- "State Management with React Hooks - No Redux or Context API" by André Gardi
- "How to Fetch Data with React Hooks?" by Robin Wieruch
- Primer on React Hooks
- React Hooks - A deeper dive featuring useContext and useReducer
- "Using Custom React Hooks to Simplify Forms" by James King
- Testing of a Custom React Hook for Fetching Data with Axios
- The Guide to Learning React Hooks (Examples & Tutorials) by Eric Bishard
- "Sanely Testing React Hooks" by Dave Cooper
- "State Management with React Hooks - No Redux or Context API" by André Gardi
- "State Management with React Hooks - No Redux or Context API" by André Gardi
-
Packages
- `react-query`
- `useDeferredState`
- `@21kb/react-hooks`
- `@d2k/react-devto`
- `@d2k/react-github`
- `@d2k/react-localstorage`
- `@elgorditosalsero/react-gtm-hook`
- `@hookstate/core`
- `@jzone/react-request-hook`
- `@koale/useworker`
- `@marvelsq/use-properties-hook` - properties` and equal in `ShallowCompare`
- `@rehooks/component-size`
- `@rehooks/document-title` - title.
- `@rehooks/document-visibility`
- `@rehooks/input-value`
- `@rehooks/local-storage`
- `@rehooks/network-status` - status.
- `@rehooks/online-status`
- `@rehooks/window-scroll-position`
- `@rehooks/window-size`
- `@rekindle/use-request`
- `@rkrupinski/use-state-machine`
- `@staltz/use-profunctor-state`
- `@webscopeio/react-health-check`
- `@wellyshen/use-web-animations` - performant and manipulable animations using Web Animations API.
- `@withvoid/melting-pot`
- `ahooks/usetable`
- `constate`
- `conuse`
- `easy-peasy`
- `fetch-suspense`
- `graphql-hooks` - first GraphQL client.
- `mobx-react-lite`
- `modali`
- `moment-hooks`
- `nice-hooks`
- `reactive-react-redux`
- `react-async-hook` - hoc data into your React components.
- `react-cached-callback`
- `react-context-refs`
- `react-cool-dimensions`
- `react-cool-form`
- `react-cool-portal`
- `react-cool-virtual`
- `react-countdown-hook`
- `react-darkreader`
- `react-declare-form`
- `react-deep-hooks` - primitive dependencies.
- `react-fetch-hook`
- `react-firebase-hooks`
- `react-form-stateful`
- `react-hanger`
- `react-hook-mighty-mouse`
- `react-hookedup`
- `react-hook-layout`
- `react-hooks-async`
- `react-hooks-global-state`
- `react-hooks-image-size`
- `react-hooks-lib`
- `react-hooks-svgdrawing`
- `react-hooks-visible`
- `react-hooks-worker`
- `react-hotkey-hook`
- `react-immer-hooks`
- `react-indicative-hooks`
- `react-intersection-visible-hook`
- `react-metatags-hook`
- `react-optimistic-ui-hook`
- `react-page-name`
- `react-peer-data`
- `react-pirate`
- `react-powerhooks` - powerplug components.
- `react-promiseful`
- `react-recaptcha-hook` - recaptcha v3
- `react-request-hook` - oriented api requests.
- `react-rocketjump`
- `react-screen-wake-lock`
- `react-script-hook`
- `react-selector-hooks` - based memoized selector factories for declarations outside of render.
- `react-speech-kit`
- `react-state-patterns`
- `react-tracked` - renders without hassle.
- `react-uniformed`
- `react-use-api` - caching.
- `react-use-calendar`
- `react-use-clipboard`
- `react-use-d3`
- `react-use-data-loader`
- `react-use-fetch-factory`
- `react-use-form-state`
- `react-use-id-hook` - safe unique id strings.
- `react-use-idb`
- `react-use-input`
- `react-use-lazy-load-image`
- `react-use-message-bar`
- `react-use-modal`
- `react-use-scroll-position`
- `react-use-trigger`
- `react-use-watch`
- `react-use-wavelet` - contract platform
- `react-use`
- `react-useFormless`
- `react-usemiddleware`
- `react-useportal`
- `react-user-media`
- `react-wait`
- `react-window-communication-hook`
- `react-with-hooks`
- `redhooks` - thunk or redux-saga or your own custom middleware.
- `redux-react-hook`
- `region-core`
- `rehooks-visibility-sensor`
- `resynced`
- `rrh` - redux.
- `rxjs-hooks`
- `scroll-data-hook`
- `style-hook`
- `trousers` - first CSS-in-JS library, focused on semantics and runtime performance
- `use-abortable-fetch`
- `use-action`
- `use-as-bind` - bind with a WASM source.
- `use-async-memo`
- `use-autocomplete`
- `use-axios-react`
- `use-boolean`
- `use-browser-history`
- `use-click-away`
- `use-clippy`
- `use-context-selector`
- `use-controlled-input-number`
- `use-countries`
- `use-debounce`
- `use-deep-compare`
- `use-deep-compare-effect`
- `use-detect-print`
- `use-dimensions`
- `use-double-click` - clicks and combining click and double-click events
- `use-events`
- `use-hotkeys`
- `use-hovering`
- `use-input-file`
- `use-lang-direction`
- `use-media`
- `use-mouse-action`
- `use-multiselect`
- `use-overflow`
- `use-places-autocomplete`
- `use-popper`
- `use-query-params`
- `use-react-modal`
- `use-react-router` - sub behavior using React Router.
- `use-reactive-state` - a reactive alternative to React's `useState()`.
- `use-reducer-async`
- `use-redux`
- `use-scroll-to-bottom`
- `use-simple-undo`
- `server-push-hooks` - US/docs/Web/API/Server-sent_events/Using_server-sent_events) and more to come
- `use-socket.io-client` - client, manipulate [socket.io](https://socket.io) client without any side effect.
- `use-sse` - use Server-Side Effect. `useEffect` both on client and server side.
- `use-ssr`
- `use-state-snapshots`
- `use-substate`
- `use-suspender` - api.html#reactsuspense)
- `use-t` - language using hooks.
- `use-videocard`
- `use-window-blur-change-title`
- `useDarkMode`
- `useDeferredState`
- `useDropZone`
- `useFileDialog`
- `useInView`
- `useIsTyping`
- `useKeyCapture`
- `usePosition`
- `useReducerWithLocalStorage`
- `useScreenType`
- `useScreenType`
- `useScrollSpy`
- `useServiceWorker`
- `useValueAfter`
- `useWaitForElements`
- `useWindowOrientation`
- `react-cool-onclickoutside`
- `use-cart`
- `use-eazy-auth`
- `use-force-update` - render of a functional Component.
- `use-http`
- `use-immer`
- `useEmailAutocomplete`
- `react-responsive`
- `use-undo`
- `@kevinwolf/formal`
- `react-dom-status-hook`
- `react-hook-mousetrap`
- `react-i18next`
- `react-native-react-bridge`
- `reaktion`
- `use-scroller`
- `useReducerWithEffects`
- `react-cookie`
- `react-enhanced-reducer-hook`
- `react-hook-form`
- `react-media-hook`
- `react-recipes`
- `react-swipeable`
- `react-use-browser` - Side-Rendered components when server-produced markup needs to differ from the final client application markup.
- `concent`
- `use-last-fm`
- `use-lilius`
- `use-reactive-state` - a reactive alternative to React's `useState()`.
- `useWindowOrientation`
-
Tools
- `react-universal-hooks`
- Jooks - test your custom hooks by mocking React's Hooks API (useState, etc.)
- `eslint-plugin-react-hooks`
- `hooks.macro`
- CodeSandbox Starter Kit
- React Hooks Snippets for VS Code
- `react-hooks-testing-library`
- `hook-into-props`
-
Catalogs
- @react-hookz/web - A library of general-purpose React hooks built with care and SSR compatibility in mind.
- ahooks
- Captain hook
- crooks
- hooks-by-example - friendly real world examples of hook usage.
- Searchable Collection of React Hooks
- Sunflower(🌻)
- beautiful-react-hooks(🔥) - up your components and custom hooks development.
- beautiful-react-hooks(🔥) - up your components and custom hooks development.
- Hooks.guide
- useHooks(🐠)
- Use Hooks
-
Videos
- 🎬 React Hooks playlist by Josh Ribakoff
- 🎬 ReactConf 2018: React Today and Tomorrow by Sophie Alpert and Dan Abramov
- 🎬 ReactConf 2018: 90% Cleaner React by Ryan Florence
- 🎬 React Hooks: A Complete Introduction by Harry Wolff
- 🎬 ReactConf 2018: React Today and Tomorrow by Sophie Alpert and Dan Abramov
- 🎬 ReactConf 2018: 90% Cleaner React by Ryan Florence
- 🎬 React Hooks: A Complete Introduction by Harry Wolff
- 🎬 Custom Hooks in React by Tanner Linsley
-
Discussions
-
Podcasts
Programming Languages
Sub Categories
Keywords
react
137
react-hooks
77
hooks
63
hook
38
typescript
27
reactjs
20
react-hook
12
javascript
12
redux
9
state-management
9
ssr
6
npm
6
modal
6
async
6
performance
5
npmjs
4
react-components
4
form
4
css
4
hooks-api-react
4
server-side-rendering
4
browser
4
ux
4
reacthooks
4
react-state
3
reducer
3
window
3
dialog
3
travisci
3
travis-ci
3
travis
3
react-suspense
3
fetch
3
size
3
visibility
3
promise
3
custom-hook
3
react-native
3
custom-hooks
3
api
3
portal
3
lightbox
3
react-context
3
controlled
2
animation
2
react-modal
2
query
2
transition
2
intersectionobserver
2
dark-theme
2