Joshua's Cheatsheets - Developing Browser Extensions Notes


What & Link Type
Chrome - Extension dev overview Cheatsheet


What & Link Type
Github - browser-extension repos Collection
Github - chrome-extension repos Collection
Github - firefox-addon repos Collection

Using React in a Browser Extension

In general, it is not that much different from using React anywhere else, or building a browser extension without React.

The main differences are a few extra bundling / build tools and setup steps to ensure that the output files are properly prepped to match how the corresponding browser (Firefox, Chrome, Brave, etc.) is expecting the extension to be packaged.

Scaffolded / Boilerplate

You can fairly easily set this all up by hand, but if you are looking for a pre-built starting point, here are some I've found:

Example Extensions:

Try searching "react extension" on Github - search link

Further Reading


Markdown Source Last Updated:
Wed Mar 04 2020 12:09:31 GMT+0000 (Coordinated Universal Time)
Markdown Source Created:
Mon Mar 02 2020 09:43:19 GMT+0000 (Coordinated Universal Time)
© 2020 Joshua Tzucker, Built with Gatsby