Skip to content

My researched CRXJS with Vite 4 and React with working react-devtools

Notifications You must be signed in to change notification settings

Toumash/crxjs-vite-plugin-react-devtools

 
 

Repository files navigation

crxjs-vite-4-react-devtools

This repo shows how to currently run react-devtools for the best IMHO vite react extension toolchain - crxjs/chrome-extension-tools.

Full explanation: crxjs/chrome-extension-tools#752 (comment)

To recreate in your repo simply look at the last commit i've made here.


Warning Running npm run react-devtools:patch breaks HMR. To continue developing normally after profiling unpatch it npm run react-devtools:unpatch


This repo is already prepared so to run the demo

  1. Clone, install, patch
git clone
npm i
npm run react-devtools:patch
npm run dev
  1. Run the standalone react-devtools
npm run react-devtools
  1. Open up the browser
  2. Go to chrome://extensions and load up your app (repo dir/dist)
  3. Open https://google.com
  4. Profit
  5. ???

demo image demo image2

About

My researched CRXJS with Vite 4 and React with working react-devtools

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 52.4%
  • CSS 39.6%
  • HTML 8.0%