crx-hotreload - Chrome Extension Hot Reloader

  •        47

Watches for file changes in your extension's directory. When a change is detected, it reloads the extension and refreshes the active tab (to re-trigger the updated scripts). Here's a blog post explaining it (thanks to KingOfNothing for the translation).

https://github.com/xpl/crx-hotreload#readme

Tags
Implementation
License
Platform

   




Related Projects

hihat - :tophat: local Node/Browser development with Chrome DevTools

  •    Javascript

Runs a source file in a Chrome DevTools process. Saving the file will reload the tab.This is useful for locally unit testing browser code with the full range of Web APIs (WebGL, WebAudio, etc). It provides access to profiling, debugger statements, network requests, and so forth.

chrome-extension-webpack-boilerplate - A basic foundation boilerplate for rich Chrome Extensions using Webpack to help you write modular and modern Javascript code, load CSS easily and automatic reload the browser on code changes

  •    Javascript

A basic foundation boilerplate for rich Chrome Extensions using Webpack to help you write modular and modern Javascript code, load CSS easily and automatic reload the browser on code changes. I'll assume that you already read the Webpack docs and the Chrome Extension docs.

awesome-live-reloading - A curated collection of live-reloading / hot-reloading / watch-reloading tools for different languages and frameworks

  •    

A curated collection of live-reloading tools and libraries associated with different languages and frameworks. "Live reloading" refers to tools that run your compile/build step as you write code. This makes it faster for you to test your work as you write code. This is especially helpful for web development.

react-chrome-extension-boilerplate - Boilerplate for Chrome Extension React.js project

  •    Javascript

Boilerplate for Chrome Extension React.js project. The example is edited from Redux TodoMVC example.

react-transform-boilerplate - A new Webpack boilerplate with hot reloading React components, and error handling on module and component level

  •    Javascript

React Hot Loader 3 is on the horizon, and you can try it today (boilerplate branch, upgrade example). It fixes some long-standing issues with both React Hot Loader and React Transform, and is intended as a replacement for both. The docs are not there yet, but they will be added before the final release. For now, this commit is a good reference. This is highly experimental tech. If you’re enthusiastic about hot reloading, by all means, give it a try, but don’t bet your project on it. Either of the technologies it relies upon may change drastically or get deprecated any day. You’ve been warned 😉 .


react-transform-hmr - A React Transform that enables hot reloading React classes using Hot Module Replacement API

  •    Javascript

React Hot Loader 3 is on the horizon, and you can try it today (boilerplate branch, upgrade example). It fixes some long-standing issues with both React Hot Loader and React Transform, and is intended as a replacement for both. The docs are not there yet, but they will be added before the final release. For now, this commit is a good reference. A React Transform that enables hot reloading React classes using Hot Module Replacement API. Hot module replacement is supported natively by Webpack and available in Browserify with browserify-hmr.

react-hot-loader - Tweak React components in real time.

  •    Javascript

Watch Dan Abramov's talk on Hot Reloading with Time Travel. Note: You can safely install react-hot-loader as a regular dependency instead of a dev dependency as it automatically ensures it is not executed in production and the footprint is minimal.

ShaderEditorExtension - Google Chrome DevTools extension to live edit WebGL GLSL shaders

  •    Javascript

Alternatively, you can pack the extension yourself and load by dropping the .crx file in the Extensions page.

angular-electron - Ultra-fast bootstrapping with Angular 6 and Electron (Typescript + SASS + Hot Reload) :speedboat:

  •    TypeScript

Bootstrap and package your project with Angular 6(+) and Electron (Typescript + SASS + Hot Reload) for creating Desktop applications. There is an issue with yarn and node_modules that are only used in electron on the backend when the application is built by the packager. Please use npm as dependencies manager.

angular-hmr - :fire: Angular Hot Module Replacement for Hot Module Reloading via @TipeIO

  •    TypeScript

Please see repository AngularClass/angular-seed for a working example.bootloader is only needed to detect that the dom is ready before bootstraping otherwise bootstrap. This is needed because that dom is already ready during reloading.

reactql - Universal React+GraphQL starter kit: React 16, Apollo 2, Webpack 4, Styled Components 4, React Router 4, PostCSS, SSR

  •    TypeScript

Universal front-end React + GraphQL starter kit, written in Typescript. Hot code reloading. Make a change anywhere in your code base (outside of the Webpack config), and changes will be pushed down the browser automatically - without page reloads. This happens for React, Styled Components, SASS - pretty much anything.

browserify-hmr - Hot Module Replacement plugin for Browserify

  •    Javascript

Open http://localhost:8080/ and try updating label.jsx and interval.js. Hot module replacement works by re-executing updated modules. The Hot Module Replacement API must be used to define which modules can accept updates, and what to do when a module is going to be updated.

pm2 - Node.js Production Process Manager with a built-in Load Balancer

  •    Javascript

PM2 is a production process manager for Node.js applications with a built-in load balancer. It allows you to keep applications alive forever, to reload them without downtime and to facilitate common system admin tasks.PM2 is constantly assailed by more than 1800 tests.

active_reload - Reload Rails code in development mode only when change is deteced

  •    Ruby

Active Reload is a gem that changes a little when Rails code reloading is executed. Normally Rails "forgets" your code after every request in development mode and loads again necessary files during the request. If your application is big this can take lot of time especially on "dashboard" page that uses lot of different classes. However this constant reloading is not always necessary. This gem changes it so it occurs before request and only when file was changed or added. It won't make reloading your app faster but it will skip reloading when nothing changed and that saved second can really sum up to a big value. It means that after change first request in development mode will reload the code and take as much time as it takes without this gem but subsequent request will be faster until next changes due to lack of code reloading.

air - ☁️ Live reload for Go apps

  •    Go

Air is yet another live-reloading command line utility for Go applications in development. Just air in your project root directory, leave it alone, and focus on your code. NOTE: This tool has nothing to do with hot-deploy for production.

boot-react - A starter application with spring boot and react

  •    Javascript

Be more productive with this simple project that uses the spring dev tools and react transform for hot reloading. Everything: backend, frontend and styles will be hot reloaded automatically.

vue-webpack-typescript - A Vue, Webpack, Typescript, Bootstrap setup with hot reload, dynamic imports, unit testing, code coverage, sass, uncss and bundling/minification

  •    TypeScript

A Vue 2.5, Webpack 3.10, Typescript 2.7, Bootstrap 4.0 setup with hot reload, dynamic imports, unit testing, code coverage, sass and bundling/minification. See the changelog for updates.

react-webpack-boilerplate - Minimalistic ES6+ React boilerplate with Hot Reloading using Webpack 4 and Babel 7

  •    Javascript

Make sure you have the latest Stable or LTS version of Node.js installed. You can export specific vendors in separate files and load them. All vendors should be included in app/vendors and will be exported in a vendors folder under dist. The main idea is to serve independent JavaScript and CSS libraries, though currently all file formats are supported.

flutter-intellij - Flutter makes it easy and fast to build beautiful mobile apps.

  •    Java

An IntelliJ plugin for Flutter development. Flutter is a new mobile app SDK to help developers and designers build modern mobile apps for iOS and Android. Flutter's hot reload helps you quickly and easily experiment, build UIs, add features, and fix bugs faster. Experience sub-second reload times, without losing state, on emulators, simulators, and hardware for iOS and Android.