Create React Typescript Sass Webextension screenshot

Create React Typescript Sass Webextension

Author Avatar Theme by Crimx
Updated: 27 Aug 2019
14 Stars

Boilerplate for building webextension targeting Chrome & Firefox, using React, TypeScript and Sass

Categories

Overview

The neutrino 9 preset by crimx for web extensions offers a robust foundation for developers looking to create browser extensions with minimal configuration. It combines the power of React, TypeScript, and Sass, making it ideal for those who desire a comprehensive setup while maintaining the flexibility to customize. This boilerplate is designed to simplify the development process, accommodating both novice and experienced developers alike.

With built-in features for unit testing, a fake Webextension environment, and automated entry generation, this setup enhances the efficiency of building, testing, and deploying browser extensions. By allowing users to easily manage scripts and assets, it provides a streamlined approach to extension development across various platforms.

Features

  • Battery-Included Starter Kit: Minimal configuration required while offering a flexible and powerful setup for extension development.
  • React, TypeScript, and Sass Support: Develop using modern technologies that promote maintainability and scalability in your code.
  • Unit Testing with Jest and Sinon-Chrome: Ensure the reliability of your extension with integrated testing capabilities that support standard JavaScript style guides.
  • Fake Webextension Environment: Allows for easier UI tweaking and testing without the constraints of real extension policies, enhancing the development experience.
  • Auto-Generation of Entries: Simplifies the creation of new pages or components, making it easy to expand your extension’s functionality.
  • Custom Manifest Support: Target any browser by simply adding a manifest file, providing versatility for cross-browser development.
  • Commands for Building and Running: Easily manage development and production builds through straightforward commands, streamlining your workflow.
  • Conventional Commits and Version Management: Maintain a professional commit history and automate version updates with built-in tools for consistency.

This combination of features makes the neutrino 9 preset an excellent choice for those looking to develop browser extensions efficiently while leveraging modern web development practices.