chrome-extension-zustand

A proof-of-concept for using Zustand and the Storage API as a single source of truth in Chrome Extensions.

This demo extension fetches data from pokeapi.co and displays it in a popup.

Getting Started

Clone the repository:

gh repo clone drewalth/chrome-extension-zustand

Install dependencies:

npm install

Run the development server:

npm run dev

Load the extension in Chrome:

1. Open Chrome and navigate to chrome://extensions/.
2. Enable "Developer mode" if it is not already enabled.
3. Click on "Load unpacked" and select the dist directory of this repository. For convenience, you can pin the extension to your toolbar.
4. The extension should now be loaded and ready to use.

Built with

• Vite
• @crxjs/vite-plugin ⭐
• React
• TypeScript
• Zustand
• Immer