2.1.5 • Published 4 years ago
reasc v2.1.5
REASC
React Async Component
Installation
with NPM
npm i reasc --save
with YARN
yarn add reasc
Getting Started
import { reasc } from "reasc";
import { useState } from "react";
const UserInfo = reasc(
{ loading: () => <div>Loading...</div> },
async ({ user }, { delay }) => {
if (!user) return <div>No data</div>;
await delay(300);
const apiUrl = `https://api.github.com/users/${user}`;
const data = await fetch(apiUrl).then((res) => res.json());
return <pre>{JSON.stringify(data, null, 2)}</pre>;
}
);
const App = () => {
const [user, setUser] = useState("");
const handleChange = (e) => setUser(e.target.value);
return (
<>
<input onChange={handleChange} placeholder="Enter github username" />
<UserInfo user={user} />
</>
);
};
Examples
1.2.0
4 years ago
1.2.2
4 years ago
1.2.1
4 years ago
2.1.2
4 years ago
2.1.1
4 years ago
2.1.4
4 years ago
2.1.3
4 years ago
2.1.5
4 years ago
2.1.0
4 years ago
2.0.1
4 years ago
2.0.0
4 years ago
1.1.1
4 years ago
1.0.2
4 years ago
1.1.0
4 years ago
1.0.1
4 years ago
0.0.20
4 years ago
0.0.21
4 years ago
1.1.5
4 years ago
1.1.4
4 years ago
1.0.5
4 years ago
1.1.3
4 years ago
1.0.4
4 years ago
1.1.2
4 years ago
1.0.3
4 years ago
0.0.15
4 years ago
0.0.16
4 years ago
0.0.17
4 years ago
0.0.18
4 years ago
0.0.19
4 years ago
0.0.10
4 years ago
0.0.11
4 years ago
0.0.12
4 years ago
0.0.13
4 years ago
0.0.14
4 years ago
0.0.9
4 years ago
0.0.8
4 years ago
0.0.5
4 years ago
0.0.4
4 years ago
0.0.7
4 years ago
0.0.6
4 years ago
0.0.3
4 years ago
0.0.2
4 years ago