v0.4.0
This release adds the Classic Suspense, a set of utilities that emulates React's Suspense mechanism. You can read more from the docs
import {
createClassicResource,
createClassicSuspense,
useClassicResource,
waitForAll,
} from 'solid-use';
const sleep = (timeout) => new Promise((resolve) => {
setTimeout(resolve, timeout, true);
})
const greeting = createClassicResource(async () => {
await sleep(2000);
return 'Hello';
});
const receipient = createClassicResource(async () => {
await sleep(2000);
return 'SolidJS';
});
const result = waitForAll([
greeting,
receipient,
]);
function Message() {
return createClassicSuspense(() => {
const [greetingValue, receipientValue] = useClassicResource(result);
return <h1>{greetingValue}, {receipientValue}!</h1>
});
}
function App() {
return (
<Suspense fallback={<h1>Loading...</h1>}>
<Message />
</Suspense>
);
}