the-platform - Web. Components. 😂

•    TypeScript

---

Note: React 16.8+ is required for Hooks. Detect and retrieve current device Motion.

react react-suspense react-hooks hooks suspense react-dom react-cache

use-http - 🐶 React hook for making isomorphic http requests

•    TypeScript

---

The Provider allows us to set a default url, options (such as headers) and so on. This is exactly what you would pass to the normal js fetch, with a little extra.

react fetch suspense graphql fetching ssr react-hooks react-hook reacthook react-suspense rest-client isomorphic http usefetch request fetch-data react-cache react-usefetch query mutation use hook axios react-use-fetch react-fetch-hook use-fetch usefetch-hook react-hooks-fetch react-hooks-tutorial react-custom-hooks react-hooks-async use-hooks react-usefetch-hook fetch-suspense async-hook-react react-hooks-usefetch use-fetch-hook useaxios use-axios use-superagent superagent apollo usegraphql use-graphql

mobx-react-lite - Lightweight React bindings for MobX based on React 16.8 and Hooks

•    TypeScript

---

This is a next iteration of mobx-react coming from introducing React hooks which simplifies a lot of internal workings of this package. Class based components are not supported except using <Observer> directly in class render method. If you want to transition existing projects from classes to hooks (as most of us do), you can use this package alongside the mobx-react just fine. The only conflict point is about the observer HOC. Subscribe to this issue for a proper migration guide.

react mobx react-hooks observables mobservable react-component reactjs reactive hooks observer useobserver usecomputer

react-firebase-hooks - React Hooks for Firebase.

•    TypeScript

---

A set of reusable React Hooks for Firebase. Official support for Hooks was added to React Native in v0.59.0. React Firebase Hooks works with both the Firebase JS SDK and React Native Firebase, although some of the Flow and Typescript typings may be incorrect - we are investigating ways to improve this for React Native Firebase users.

react firebase react-firebase-hooks firebase-auth firebase-authentication firebase-database firebase-realtime-database firebase-firestore firebase-cloud-firestore firebase-storage firebase-cloud-storage react-hooks react-native typescript hooks

use-react-router - React Hook for pub-sub behavior using React Router.

•    TypeScript

---

useReactRouter() returns an object that contains the history, location, and match properties that would be passed as props by the HOC. A tutorial covering the design and development of this package can be found on Medium: How to Convert withRouter to a React Hook.

npm npmjs react reactjs react-router react-hooks typescript travis travisci travis-ci

react-useportal - 🌀 React hook for Portals

•    TypeScript

---

Need to make dropdowns, lightboxes/modals/dialogs, global message notifications, or tooltips in React? React Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component (react docs). This hook is also isomorphic, meaning it works with SSR (server side rendering).

react-hooks react react-portal portal loading-bar modal lightbox notification dialog dropdown tooltip hook use react-hook react-component react-useportal react-use-portal transportation react-portal-hook

graphql-hooks - 🎣 Minimal hooks-first GraphQL client

•    Javascript

---

🎣 Minimal hooks-first GraphQL client.

hooks react-hooks react graphql graphql-client

resynced - An experimental hook that lets you have multiple components using multiple synced states using no context provider

•    TypeScript

---

This is an experimental hook that lets you have multiple components using multiple synced states using no context provider. This package requires the Hooks API available only in React 16.7.0-alpha.0 or later.

react react-hooks hooks state-management redux

react-model - The next generation state management library for React

•    TypeScript

---

The next generation state management library for React

react model state-management react-hooks

rooks - Collection of React hooks ⚓ for everyone.

•    Javascript

---

Collection of React hooks ⚓ for everyone.

react react-hooks hooks compose rooks components

Mastering-React-Test-Driven-Development - Mastering React Test-Driven Development, published by Packt

•    

---

This is companion repository for the book Mastering React Test-Driven Development by Daniel Irvine, published by Packt. The book itself has checkpoints that are based on various tags. If you're following along then you'll need to be comfortable switching tags.

react tdd react-hooks hooks test-driven-development refactoring jest redux react-router relay graphql requestanimationframe

use-undo - React Hooks to implement Undo and Redo functionality

•    Javascript

---

undo/redo functionality with React Hooks. To use useUndo, you have to use at minimum react@16.7.0-alpha.0. React Hooks is currently at RFC stage.

react hooks react-hooks

Tokamak - React-like framework for native UI written in pure Swift 🛠⚛️📲

•    Swift

---

Tokamak provides a declarative, testable and scalable API for building UI components backed by fully native views. You can use it for your new iOS apps or add to existing apps with little effort and without rewriting the rest of the code or changing the app's overall architecture. Current Tokamak API was designed and built at the end of 2018, months before SwiftUI was announced. We do think that SwiftUI is the future of development not only for Apple's platforms, but potentially other platforms too (Android, WebAssembly, Windows, or your platform of choice). Thus, the short-term goal of Tokamak is to make the API more compatible with SwiftUI. All contributions that help us in achieving this goal are much appreciated. You can consider the current Tokamak API as deprecated, but still usable for research and experimentation purposes.

react react-hooks redux ios uikit unidirectional-data-flow data-binding components

react-border-wrapper - A wrapper for placing elements along div borders.

•    Javascript

---

Use the border wrapper in the same way you would use a <div>. Use the following link to play around with the props and find a proper style. It is highly encouraged to export the props and either report an issue with them or submit them as a style to be used by other users.

react reactjs border-wrapper typescript jsx rollup npm react-components react-component react-hooks tsx browser props javascript-library html5 div border border-color border-style layout web-design cool

use-clippy - React Hook for reading from and writing to the user's clipboard.

•    TypeScript

---

useClippy is a React Hook for reading from and writing to the user's clipboard. useClippy() returns a tuple analogous to useState, where the first item is the clipboard contents and the second item is a function for setting the clipboard contents.

npm npmjs react reactjs react-hooks clipboard clipboard-manager clipboard-managers clipboard-management clipboard-js clipboard-javascript clipboard-copy clipboard-api clipboard-modifier typescript travis travisci travis-ci

use-dimensions - A React hook for the React Native Dimensions API.

•    TypeScript

---

A React hook for the React Native Dimensions API. To get both screen and window dimensions, use the default export.

react reactjs npm npmjs reactnative react-native react-hooks react-hook typescript

use-force-update - React Hook to force your functional component to update.

•    TypeScript

---

useForceUpdate is a React Hook that forces your functional component to re-render. useForceUpdate does not serve a purpose in and of itself. It is a tiny package that aims to be integrated into larger hooks, making obsolete any class functionality that is still reliant on this.forceUpdate.

react reactjs react-hooks npm npmjs typescript travis-ci travisci travis

react-register-nodes - Register DOM Nodes in React

•    TypeScript

---

Register DOM nodes within a context. Helpful for UI where many siblings need to know about each other. A common example is scrolling to the first error after a form submission. This is the Context Provider. Must be above any components that call the use* hooks.

react hooks react-hooks react-dom

use-ssr - ☯️ React hook to determine if you are on the server or browser

•    TypeScript

---

☯️ React hook to determine if you are on the server or browser

ssr server-side-rendering server-side client browser isomorphic react react-hooks nextjs server react-hook hooks

use-timer - A timer hook for React

•    TypeScript

---

Simple timer turned into React Hooks. Read about Hooks feature. Try demo here: https://stackblitz.com/edit/use-timer.

react react-hook react-hooks timer