fetch-suspense - A React hook compatible with React 16.6's Suspense component.

•    TypeScript

---

useFetch is a React hook that supports the React 16.6 Suspense component implementation. The design decisions and development process for this package are outlined in the Medium article React Suspense with the Fetch API.

npm npmjs travis travisci travis-ci react reactjs typescript js fetch fetch-api react-suspense

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

frisbee - :dog2: Modern fetch-based alternative to axios/superagent/request

•    Javascript

---

tldr; Stripe-inspired API wrapper for WHATWG's fetch() method for making simple HTTP requests (alternative to superagent, request, axios).If you're using node-fetch, you need node-fetch@v1.5.3 to use form-data with files properly (due to https://github.com/bitinn/node-fetch/issues/102) If you experience form file upload issues, please see https://github.com/facebook/react-native/issues/7564#issuecomment-266323928.

api-wrapper superagent frisbee fetch fetch-api whatwg whatwg-fetch xhr request file-upload form-data node-fetch react-native react axios ios android api boilerplate github glue helper polyfill rest restful router stripe superagent-defaults wrapper

use-immer - Use immer to drive state with a React hooks

•    TypeScript

---

A hook to use immer as a React hook to manipulate state. useImmer(initialState) is very similar to useState. The function returns a tuple, the first value of the tuple is the current state, the second is the updater function, which accepts an immer producer function, in which the draft can be mutated freely, until the producer ends and the changes will be made immutable and become the next state.

immer react 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-apollo - :recycle: React higher-order component for Apollo Client

•    TypeScript

---

React Apollo allows you to fetch data from your GraphQL server and use it in building complex and reactive UIs using the React framework. React Apollo may be used in any context that React may be used. In the browser, in React Native, or in Node.js when you want to server side render.React Apollo unlike many other tools in the React ecosystem requires no complex build setup to get up and running. As long as you have a GraphQL server you can get started building out your application with React immediately. React Apollo works out of the box with both create-react-app and React Native with a single install and with no extra hassle configuring Babel or other JavaScript tools.

react graphql ssr redux ecmascript es2015 jsnext relay npm

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

redux-react-hook - React Hook for accessing state and dispatch from a Redux store

•    TypeScript

---

React hook for accessing mapped state and dispatch from a Redux store. NOTE: React hooks require react and react-dom version 16.8.0 or higher.

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-data-fetching - 🎣 Declarative data fetching for React

•    Javascript

---

You can find the library on window.ReactDataFetching. The package gives access to <Fetch>, <FetchProvider> and requestToApi(). To have an in-depth explanation of how to use them, how they work and even more, head to this post: Introducing React Data Fetching 🎣.

react react-native api fetch component native data

react-relay-network-layer - ReactRelayNetworkLayer with middlewares and query batching for Relay Classic

•    Javascript

---

The ReactRelayNetworkLayer is a Relay Network Layer with various middlewares which can manipulate requests/responses on the fly (change auth headers, request url or perform some fallback if request fails), batch several relay request by timeout into one http request. ReactRelayNetworkLayer can be used in browser, react-native or node server for rendering. Under the hood this module uses global fetch method. So if your client is too old, please import explicitly proper polyfill to your code (eg. whatwg-fetch, node-fetch or fetch-everywhere).

relay relay-network-layer graphql-client batch-request react network-layer batch express jwt auth-token

apollo-client - :rocket: A fully-featured, production ready caching GraphQL client for every server or UI framework

•    TypeScript

---

Apollo Client is a fully-featured caching GraphQL client with integrations for React, Angular, and more. It allows you to easily build UI components that fetch data via GraphQL. To get the most value out of apollo-client, you should use it with one of its view layer integrations.To get started with the React integration, go to our React Apollo documentation website.

graphql graphql-client typescript apollo-client apollographql

hooks - React hooks for convenient react-navigation use

•    TypeScript

---

This is the main convenience hook. It provides the regular navigation prop, as you'd get via the screen prop or by using withNavigation.

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

react-native-hooks - React Native APIs turned into React Hooks for use in functional React components

•    Javascript

---

React Native APIs turned into React Hooks allowing you to access asynchronous APIs directly in your functional components. AppState will change between one of 'active', 'background', or (iOS) 'inactive' when the app is closed or put into the background.

react-refetch - A simple, declarative, and composable way to fetch data for React components

•    Javascript

---

A simple, declarative, and composable way to fetch data for React components. Requires React 0.14 or later.

react rest api data fetch reactjs ajax hot reload hmr live edit

Relay '- JavaScript framework for building data-driven React applications.

•    Javascript

---

Relay is a JavaScript framework for building data-driven React applications. Never again communicate with your data store using an imperative API. Simply declare your data requirements using GraphQL and let Relay figure out how and when to fetch your data.

react data-management data-driven-application data-view

graphql-hooks - 🎣 Minimal hooks-first GraphQL client

•    Javascript

---

🎣 Minimal hooks-first GraphQL client.

hooks react-hooks react graphql graphql-client

react-native-background-fetch - Periodic callbacks in the background for both IOS and Android

•    Javascript

---

Background Fetch is a very simple plugin which will awaken an app in the background about every 15 minutes, providing a short period of background running-time. This plugin will execute your provided callbackFn whenever a background-fetch event occurs. There is no way to increase the rate which a fetch-event occurs and this plugin sets the rate to the most frequent possible — you will never receive an event faster than 15 minutes. The operating-system will automatically throttle the rate the background-fetch events occur based upon usage patterns. Eg: if user hasn't turned on their phone for a long period of time, fetch events will occur less frequently.

react-native react-component ios background fetch

react-fetches - 🐙React Fetches a new way to make requests into your REST API's.

•    Javascript

---

React Fetches is a simple and efficient way to make requests into your REST API's. Me and my friends were tired to use a lot of boilerplate code to do our requests.

react fetch rest api