Popularity
1.5
Stable
Activity
0.0
Stable
44
3
4
Programming language: TypeScript
Tags:
Code Design
Props From Server
Latest version: v2.0.2
axios-react alternatives and similar libraries
Based on the "Props from server" category.
Alternatively, view axios-react alternatives based on common mentions on social networks and blogs.
-
react-refetch
A simple, declarative, and composable way to fetch data for React components -
react-resolver
Async rendering & data-fetching for universal React applications. -
redial
Universal data fetching and route lifecycle management for React etc. -
redux-async-connect
It allows you to request async data, store them in redux state and connect them to your react component. -
react-router-relay
[Deprecated] Relay Classic integration for React Router -
redux-connect
Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React -
react-async
[DEPRECATED] Asynchronously fetch data for React components
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
Promo
surveyjs.io
Do you think we are missing an alternative of axios-react or a related project?
README
Axios React
HTTP client component for React with child function callback to create async requests in render based on Axios.
Installation:
Yarn:
$ yarn add axios-react
npm:
$ npm i -S axios-react
Live example:
Usage:
import React from 'react';
import Request from 'axios-react';
const Demo = () => (
<Request
config={{
method: 'get',
url: 'https://jsonplaceholder.typicode.com/todos/1',
}}
>
{({ loading, response, error, refetch, networkStatus }) => (
<div>
{networkStatus && <span>{networkStatus}</span>}
{loading && <span>Loading...</span>}
{error && <span>{error.response.data}</span>}
{response && <h3>{response.data.title}</h3>}
<button onClick={refetch}>Refetch!</button>
</div>
)}
</Request>
);
Arguments
Name | Type | Description |
---|---|---|
loading | boolean | Request loading. |
response | object | The response for a request contains the Axios response schema. |
error | object | The error for a request. |
refetch | function | Refetch method for a request. |
networkStatus | string | Network Connection Status. |
Props
Name | Type | Default value | Options | Description |
---|---|---|---|---|
config | object | None | Axios request config options | Config options for making requests. |
skip | boolean | false | true or false | Disable send a request on the component mount. |