Implementation of server contexts in React Server Components without switching to SSR
npm install @nimpl/contextImplementation of server contexts in React Server Components without switching to SSR
Before using the library, read the Possible Issues
Visit https://nimpl.dev/docs/context to view the full documentation.
Using npm:
``bash`
npm i @nimpl/context
Using yarn:
`bash`
yarn add @nimpl/context
`tsx
// stores/app-store/contexts.server.tsx
import createServerContext from "@nimpl/context/create-server-context";
export const AppServerContext = createServerContext<{ data: string | null }>({
data: null,
});
// components/parent-component
import { AppServerContext } from "@/stores/app-store/contexts.server";
import { ChildComponent } from "./child-component";
export const ParentComponent = () => (
{/ Same as
);
// components/child-component
import getServerContext from "@nimpl/context/get-server-context";
import { AppServerContext } from "@/stores/app-store/contexts.server";
export const ChildComponent = () => {
const context = getServerContext(AppServerContext);
return
Stability
All context are covered with tests. Tests are run on every release and every 6 hours on the latest Canary version of
Next.js.In this way, you can be sure not only of the stability of the code, but also that if there is a breaking change in
Next.js, this will immediately become known. _Even before the release of a stable version of Next.js`._You can see examples in the directory of the repository.
Please consider giving a star if you like it, it shows that the package is useful and helps continue work on this and other packages.
Create issues for identified issues, desired getters, or various improvements.