A collection of React primitives for managing side effects — built for React 19 with Suspense, concurrent features, and modern patterns in mind.
Most side effect patterns in React are either too low-level (raw useEffect) or too opinionated (full data-fetching libraries). react-sidefx sits in between — small, composable primitives that do one thing well and get out of your way.
npm install react-sidefxA Suspense-native async primitive with built-in caching. No loading states, no useEffect, no boilerplate — just your data.
import { createResource } from "react-sidefx";
import { Suspense } from "react";
const userResource = createResource(getUser, "user");
function UserProfile() {
const user = userResource.use("user-123");
return <h1>{user.name}</h1>;
}
export default function App() {
return (
<Suspense fallback="Loading...">
<UserProfile />
</Suspense>
);
}- React 19+
- TypeScript 5+ (recommended)
MIT