
Security News
Open Source Maintainers Feeling the Weight of the EUโs Cyber Resilience Act
The EU Cyber Resilience Act is prompting compliance requests that open source maintainers may not be obligated or equipped to handle.
react-client-async
Advanced tools
๐ฌ Demo ยท ๐ GitHub ยท ๐ฆ Package
This package helps you use async function without the need to migrate to โ๏ธ React 19
and server-side rendering!
AbortSignal
and automatic abort on re-render.npm i react-client-async
useAsync
HookYou can use the useAsync
hook to create a task.
console.log(useAsync(promiseFn, args, options));
useAsyncMemo
HookUse the useAsyncMemo
hook to create a memoized async task.
const {
load, stop,
state: { result, pending, error }
} = useAsyncMemo(({ signal }) =>
fetch("/package.json", { signal })
.then((res) => res.json()),
[ /* Function Dependencies */ ],
{ autoLoad: false, defaultResult: null },
);
Async
ComponentYou can use the Async
component to render an async component.
<Async
$fc={fc} // may be an async function component
$waiting={waiting} // waiting component
$fallback={fallback} // fallback component
{...props} // props for the function component
/>
Easy to wrap
a recursive async component and memoize it.
const Rec: FC<{ n: number }> = wrap(
async ({ [$signal]: signal, n }) =>
// break the recursion
(n <= 0) ? 0 : (
// delay and recursion
<>
{await delay(99, signal)}
{n} <Rec n={n - 1} /> {n}
</>
)
);
useAsyncIterable
hookAsyncIterable
componentasync function* IterableComponent() {
yield* OtherIterableComponent();
yield await component1();
yield await component2();
yield <div>...</div>;
}
Looking forward to your feedback or contribution! ๐๐๐
bun
runtime: npm install -g bun
bun install
bun dev
bun build:app
bun build:lib
bun build:app:deploy
bun build:lib:publish
FAQs
React tools for async rendering in client side! ๐
The npm package react-client-async receives a total of 2 weekly downloads. As such, react-client-async popularity was classified as not popular.
We found that react-client-async demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago.ย It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
The EU Cyber Resilience Act is prompting compliance requests that open source maintainers may not be obligated or equipped to handle.
Security News
Crates.io adds Trusted Publishing support, enabling secure GitHub Actions-based crate releases without long-lived API tokens.
Research
/Security News
Undocumented protestware found in 28 npm packages disrupts UI for Russian-language users visiting Russian and Belarusian domains.