Popularity
1.5
Growing
Activity
0.0
Stable
43
3
5
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
A Non-Cloud Alternative to Google Forms that has it all.
SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.
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. |