awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectAboutHow we rankPressMCP server
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
gaearon avatar

gaearon/react-hot-boilerplate

0
View on GitHub↗
3,892 stars·859 forks·JavaScript·MIT·8 views

React Hot Boilerplate

This project is a live-editing development environment and React component boilerplate. It serves as a project starter and template designed to enable the updating of React components in the browser without refreshing the page.

The environment focuses on React hot reloading to provide a frontend development workflow where code changes are reflected instantly in the user interface. This supports live UI prototyping by allowing modifications to styles and component logic without losing the current application state.

The setup incorporates a development server, module replacement, and transpilation to facilitate real-time updates to the application state and interface during the building and testing process.

Features

  • Web Hot Reloaders - A minimal project starter that demonstrates how to update React components in the browser without refreshing the page.
  • Web Application Hot Reloading - Provides a development environment where the web application UI and state are updated instantly as code changes.
  • Hot Module Replacement - Integrates Webpack's hot module replacement to patch the application bundle without a full page reload.
  • Live Development Environments - Ships a complete live-editing environment that reflects code changes instantly in the user interface.
  • Live Frontend Development - Enables real-time updates of web interfaces, allowing developers to see changes instantly in the browser.
  • Development Iteration Workflows - Facilitates a rapid iteration workflow with instant visual feedback for frontend user interface development.
  • Hot-Reload State Preservation - Maintains internal component and hook state during live code updates to prevent application resets.
  • Component Proxies - Utilizes component proxies to intercept updates and apply new logic while preserving the current UI state.
  • UI Prototyping - Supports live UI prototyping by allowing on-the-fly modifications to styles and logic without losing state.
  • React Project Boilerplates - Provides a pre-configured React project foundation optimized for rapid prototyping and live iteration.
  • Application Frameworks - Minimalist boilerplate for live-editing.

Star history

Star history chart for gaearon/react-hot-boilerplateStar history chart for gaearon/react-hot-boilerplate

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to React Hot Boilerplate

Similar open-source projects, ranked by how many features they share with React Hot Boilerplate.
  • insin/nwbinsin avatar

    insin/nwb

    5,542View on GitHub↗

    nwb is a zero-configuration build toolchain, module bundler, and development server for JavaScript and JSX applications and libraries. It functions as a build system that automatically derives compiler and bundler settings from a project's installed dependencies to remove manual setup. The tool is distinguished by its ability to act as a library compiler, generating multiple distribution formats such as ESM and CJS from a single source for package manager compatibility. It also includes a dedicated headless browser test runner that executes unit tests with integrated watch mode and code cover

    JavaScript
    View on GitHub↗5,542
  • vuejs/vue-loadervuejs avatar

    vuejs/vue-loader

    4,968View on GitHub↗

    vue-loader is a Webpack loader that compiles single-file Vue components into executable JavaScript modules for the browser. It functions as a compiler that splits templates, styles, and scripts from a single file into a bundled module, converting templates into optimized JavaScript render functions for both client and server environments. The project provides a system for routing style blocks through specialized CSS loaders to enable scoped and isolated component styling. It also includes a development utility for hot module replacement, which updates components in the browser in real-time wi

    TypeScripthot-reloadsingle-file-componentvue
    View on GitHub↗4,968
  • mattdesl/canvas-sketchmattdesl avatar

    mattdesl/canvas-sketch

    5,261View on GitHub↗

    canvas-sketch is a JavaScript generative art framework and web-based creative coding environment. It provides a system for creating browser-based generative artwork using built-in tools for geometry and randomness. The framework functions as a high-resolution print exporter and pen plotter vector generator, allowing users to design with physical units and DPI settings for archival printing and robotic drawing machines. It also serves as a GPU shader integration tool for loading and executing shader files to achieve hardware-accelerated rendering. The project includes a development workflow f

    JavaScript
    View on GitHub↗5,261
  • imcuttle/mometaimcuttle avatar

    imcuttle/mometa

    4,091View on GitHub↗

    Mometa is an AST-based visual code editor and low-code metaprogramming tool. It provides a visual interface for modifying source code through abstract syntax tree manipulation, allowing for the insertion and deletion of code blocks via drag-and-drop actions. The project distinguishes itself through a visual source mapping system that links rendered DOM elements back to their original source code positions. It utilizes a real-time synchronization system and hot module replacement workflow to update application components in the browser without requiring a full page reload. The platform covers

    TypeScriptfrontendlowcodereact
    View on GitHub↗4,091
See all 30 alternatives to React Hot Boilerplate→

Frequently asked questions

What does gaearon/react-hot-boilerplate do?

This project is a live-editing development environment and React component boilerplate. It serves as a project starter and template designed to enable the updating of React components in the browser without refreshing the page.

What are the main features of gaearon/react-hot-boilerplate?

The main features of gaearon/react-hot-boilerplate are: Web Hot Reloaders, Web Application Hot Reloading, Hot Module Replacement, Live Development Environments, Live Frontend Development, Development Iteration Workflows, Hot-Reload State Preservation, Component Proxies.

What are some open-source alternatives to gaearon/react-hot-boilerplate?

Open-source alternatives to gaearon/react-hot-boilerplate include: insin/nwb — nwb is a zero-configuration build toolchain, module bundler, and development server for JavaScript and JSX… vuejs/vue-loader — vue-loader is a Webpack loader that compiles single-file Vue components into executable JavaScript modules for the… preactjs/preact-cli — preact-cli is a command line tool for scaffolding, developing, and building applications using the Preact library. It… mattdesl/canvas-sketch — canvas-sketch is a JavaScript generative art framework and web-based creative coding environment. It provides a system… imcuttle/mometa — Mometa is an AST-based visual code editor and low-code metaprogramming tool. It provides a visual interface for… meetalva/alva — Alva is a code-based prototyping tool and living prototype framework used to build interactive interfaces. It…