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

node-fetch - A light-weight module that brings window.fetch to Node.js

•    Javascript

---

Instead of implementing XMLHttpRequest in Node.js to run browser-specific Fetch polyfill, why not go from native http to fetch API directly? Hence node-fetch, minimal code for a window.fetch compatible API on Node.js runtime.See Matt Andrews' isomorphic-fetch or Leonardo Quixada's cross-fetch for isomorphic usage (exports node-fetch for server-side, whatwg-fetch for client-side).

fetch http promise

isomorphic-fetch - Isomorphic WHATWG Fetch API, for Node & Browserify

•    Javascript

---

Fetch for node and Browserify. Built on top of GitHub's WHATWG Fetch polyfill. For ease-of-maintenance and backward-compatibility reasons, this library will always be a polyfill. As a "safe" alternative, which does not modify the global, consider fetch-ponyfill.

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

fetch-mock - Mock http requests made using fetch

•    Javascript

---

Mock http requests made using fetch (or isomorphic-fetch)

fetch http mock testing spy xhr ajax

unfetch - 🐶 Bare minimum fetch polyfill in 500 bytes.

•    Javascript

---

Bare minimum fetch polyfill in 500 bytes

fetch ajax xmlhttprequest polyfill ponyfill tiny xhr

fetchr - Universal data access layer for web applications.

•    Javascript

---

Universal data access layer for web applications.Typically on the server, you call your API or database directly to fetch some data. However, on the client, you cannot always call your services in the same way (i.e, cross domain policies). Instead, XHR requests need to be made to the server which get forwarded to your service.

yahoo flux react fetchr dispatchr

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-native-fetch-blob - A project committed to making file access and data transfer easier, efficient for React Native developers

•    Javascript

---

wkh237's last Github activity was in September 2017, and he has not reacted to emails either. This repository no longer is the main location of "react-native-fetch-blob". That means issues and PRs should be posted there.

file-access react-native storage network file-system file polyfill android ios fetch blob fs upload download filestream image-header

fetch-jsonp - Make JSONP request like window.fetch

•    Javascript

---

JSONP is NOT supported in standard Fetch API, https://fetch.spec.whatwg.org. fetch-jsonp provides you same API to fetch JSONP like native Fetch, also comes with global fetchJsonp function. If you need a fetch polyfill for old browsers, try github/fetch.

jsonp jsonp-request polyfill fetch github-fetch ajax

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

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

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-avatar - Universal avatar makes it possible to fetch/generate an avatar based on the information you have about that user

•    Javascript

---

Universal avatar makes it possible to fetch/generate an avatar based on the information you have about that user. We use a fallback system that if for example an invalid Facebook ID is used it will try Google, and so on. The fallbacks are in the same order as the list above were Facebook has the highest priority.

component reactjs react-component avatar

FakeRest - Patch fetch/XMLHttpRequest to fake a REST API server in the browser, based on JSON data.

•    Javascript

---

Intercept AJAX calls to fake a REST server based on JSON data. Use it on top of Sinon.js (for XMLHTTPRequest) or fetch-mock (for fetch) to test JavaScript REST clients on the browser side (e.g. single page apps) without a server. FakeRest uses a standard REST flavor, described below.

rest client frontend fetch xmlhttprequest test mock

universal-redux - An npm package that lets you jump right into coding React and Redux with universal (isomorphic) rendering

•    Javascript

---

Universal Redux is an npm package that when used as a dependency in your project provides a universal (isomorphic) rendering server. You can either use its defaults and begin coding your project, or configure it to your liking with custom Webpack options and Express or Redux middleware. It's intended as both an easy starting point for developers new to React and Redux, as well as an extensible base by which advanced developers can augment with their own middleware and keep up to date with the fast-moving React ecosystem. The quickest way to get started is to clone the starter project. This gives you a base project that is set up with default configurations of Webpack and Express.

react isomorphic universal webpack express hot-reloading react-hot-reloader redux renderer boilerplate babel npm

react-isomorphic-video-game-search - An Isomorphic application demo powered by React, reflux, react-router-component, express, superagent and the Giant Bomb API

•    Javascript

---

An Isomorphic application demo powered by React, reflux, react-router-component, express, superagent and the Giant Bomb API. An excuse to share my research and get feedback as I prepare to launch a large React-powered app.

react reflux isomorphic progressive-web-app universal universal-react-tutorial flux express react-router-component demo video games superagent

react-redux-isomorphic-example - An isomorphic example built with react and redux , see readme for detailed instructions

•    Javascript

---

This is an isomorphic/universal example built with react and Redux which utilizes the same codebase on server and browser to correctly handle multiple requests at the same time. This example was previously built with alt and now fully migrated to redux, you might as well compare the two and see the differences.

react reactjs hot reload hmr live edit webpack flux todomvc

apollo-fetch - :dog: Lightweight GraphQL client that supports middleware and afterware

•    TypeScript

---

apollo-fetch is a lightweight client for GraphQL requests that supports middleware and afterware that modify requests and responses.By default apollo-fetch uses isomorphic-fetch, but you have the option of using a custom fetch function.

graphql graphql-client apollo http fetch

react-server-routing-example - An example using universal client/server routing and data in React with AWS DynamoDB

•    Javascript

---

A simple (no compile) example of how to do universal server/browser rendering, routing and data fetching with React and AWS DynamoDB for fast page loads, and search-engine-friendly progressively-enhanced pages.Also known as isomorphic, this approach shares as much browser and server code as possible and allows single-page apps to also render on the server. All React components, as well as router.js and db.js are shared (using browserify) and data fetching needs are declared statically on each component.

react reactjs server server-side routing data