Jonghakseo/chrome-extension-boilerplate-react-viteArchived

Features

• Browser Extension Development - Provides a comprehensive boilerplate for building, packaging, and managing the lifecycle of Chrome extensions using React and Vite.
• Extension Manifests - Employs a central JSON manifest to define permissions and script injection rules for browser integration.
• Component-Based UI Frameworks - Ships a component-based architecture using React to build modular interfaces for popups, options pages, and side panels.
• Web Content Injections - Supports injecting custom logic and user interfaces into existing web pages to modify their behavior and appearance.
• Content Script Injection Architectures - Implements an architecture for injecting content scripts into web pages to modify their behavior and appearance in real time.
• UI Component Frameworks - Provides a component-based UI framework for creating consistent layouts for popups, options pages, and side panels.
• Extension Internationalization Workflows - Provides a type-safe system for managing multi-language support and translation consistency within the extension development workflow.
• Data Storage Layers - Provides a dedicated data storage layer for simplified reading and writing of application state to local and session storage.
• Browser Storage Persistence - Provides a simplified API wrapper to persist application state and user settings using browser-native storage.
• Hot Code Reloading - Implements hot code reloading to reflect changes in the browser instantly, eliminating manual page reloads.
• Hot Module Replacement - Integrates hot module replacement to update extension code in the browser without requiring a full manual reload.
• Vite Build Pipelines - Uses Vite build pipelines to compile TypeScript and React code into browser-compatible assets.
• Internationalization Layers - Implements a type-safe internationalization system to manage multi-language support and ensure translation consistency.
• End-to-End Testing - Includes automated end-to-end testing to verify core feature stability across different bundled extension packages and browsers.
• Automated End-to-End Testing - Provides automated systems for running functional end-to-end tests on bundled packages across multiple browser environments.
• Multi-Language Interfaces - Implements multi-language interfaces via a type-safe system to ensure consistent terminology across the application.
• React Templates - Boilerplate for Chrome extensions with HMR and Turborepo.

Star history