Overview

React Extension Boilerplate is a modern web extension template for building Mozilla and Chrome extensions using ReactJS. It allows for smooth and fast development of extensions using on-the-go loading, building, packaging, and publishing on the most common browsers. The boilerplate implements best JavaScript practices with ESLint, Jest, React-StoryBook, Webpack, and more.

Features

• Modern web extension template for building Mozilla and Chrome extensions using ReactJS
• Smooth and fast development with on-the-go loading, building, packaging, and publishing
• Live implementation of changes made to the source code in the browser
• Implements best JavaScript practices with ESLint, Jest, React-StoryBook, Webpack, and more

Installation

1. Clone the repository in a new folder.
2. Ensure that NodeJS and npm are installed on your machine (latest versions).
3. Run the following commands:

   npm install
   npm run dev
   

Summary

React Extension Boilerplate is a comprehensive solution for developers looking to create web extensions for both Firefox and Chrome using modern technologies like React, Webpack, and Jest. With its smooth development process and implementation of best JavaScript practices, it simplifies the process of building, packaging, and publishing extensions.