(Currently in development and not production-ready)
react-sus
![](https://camo.githubusercontent.com/3913154e51cbaafb8f2489b5df31300e92241154d6fffe6f3e8a06f37bffcc80/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f72656163742d7375733f7374796c653d666c617426636f6c6f72413d30303030303026636f6c6f72423d303030303030)
npm i react-sus
Minimal Suspense-based data-fetching
Example
import { Suspense } from "react";
import { sus } from "react-sus";
interface User {
username: string;
}
const SomeComponent = ({ userID }: { userID: string }) => {
const data = sus<User>(`https://api.example.com/user/${userID}`);
return <div>{data.username}</div>;
};
const App = () => (
<Suspense fallback={<div>Loading...</div>}>
<SomeComponent userID={"example"} />
</Suspense>
);
Inspirations
This project seeks to combine the simplicity of swr with react-query’s feature set and suspend-react’s suspense support.
Related Projects
- snowstorm – The lightning-fast and minimalist React Tool