2.1.5 • Published 2 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
2 years ago
1.2.2
2 years ago
1.2.1
2 years ago
2.1.2
2 years ago
2.1.1
2 years ago
2.1.4
2 years ago
2.1.3
2 years ago
2.1.5
2 years ago
2.1.0
2 years ago
2.0.1
2 years ago
2.0.0
2 years ago
1.1.1
2 years ago
1.0.2
2 years ago
1.1.0
2 years ago
1.0.1
2 years ago
0.0.20
2 years ago
0.0.21
2 years ago
1.1.5
2 years ago
1.1.4
2 years ago
1.0.5
2 years ago
1.1.3
2 years ago
1.0.4
2 years ago
1.1.2
2 years ago
1.0.3
2 years ago
0.0.15
2 years ago
0.0.16
2 years ago
0.0.17
2 years ago
0.0.18
2 years ago
0.0.19
2 years ago
0.0.10
2 years ago
0.0.11
2 years ago
0.0.12
2 years ago
0.0.13
2 years ago
0.0.14
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago