react + typescript browser extension starter kit to help you quickly get up to speed with building your own extension.
-
clone the repo and run
npm i
andnpm run dev
. -
go to
chrome://extensions
or click onManage Extensions
via your chrome browser toolbar and enable developer mode from the top right side.
-
click on
load unpacked
and select the build you generated in step 1. -
you will be able to see web-extension-starter extension loaded in your browser.
refer this video to explore different UI options available in an extension. you can choose basis your use case.
-
analyze and optimize bundle size.
-
add hot reload capability to the extension.