Package Exports

@mayank1513/r18gs
@mayank1513/r18gs/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@mayank1513/r18gs) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React18GlobalStore

npm bundle size

Motivation

I have built wonderful libraries utilizing React18 features using Zustand. They worked awesome. However, when I try importing from specific folder for better tree-shaking, the libraries fail. This is because, for each import a separate zustand store is created. This actually increases the package size also.

Thus, I decided to create a bare minimum, ultra-light store that creates shared state even while importing components from separate files for better treeshaking.

Will be using this library soon to fix issues with nextjs-themes.

Features

✅ Full TypeScript Support

✅ Unleash the full power of React18 Server components

✅ Works with all build systems/tools/frameworks for React18

✅ Doccumented with Typedoc (Docs)

✅ Next.js, Vite and Remix examples

Install

A canonical package with longer name is also published react18-global-store

$ pnpm add @mayank1513/r18gs

$ npm install @mayank1513/r18gs

$ yarn add @mayank1513/r18gs

Build

To build all apps and packages, run the following command:

cd @mayank1513/r18gs
pnpm build

Develop

To develop all apps and packages, run the following command:

cd @mayank1513/r18gs
pnpm dev

🤩 Don't forger to start this repo!

Want hands-on course for getting started with Turborepo? Check out React and Next.js with TypeScript and The Game of Chess with Next.js, React and TypeScrypt

Repo Stats

License

Licensed as MIT open source.

with 💖 by Mayank Kumar Chaudhari