remotedev-extension - Use Redux DevTools in the Browser/Electron DevTools

  •        4

The demo is used electron-react-boilerplate. Redux DevTools Extension is awesome, but it cannot running on Electron. This project as a major support for the DevTools Extension of Electron, it means that it doesn't use background script.

https://github.com/jhen0409/remotedev-extension

Dependencies:

minimist : ^1.2.0
remotedev-server : 0.0.7

Tags
Implementation
License
Platform

   




Related Projects

remote-redux-devtools - Redux DevTools remotely.

  •    Javascript

Use Redux DevTools remotely for React Native, hybrid, desktop and server side Redux apps. Note: for Windows use remote-redux-devtools@0.5.0 (newer versions will not work due to a Windows issue fixed in react-native).

mobx-remotedev - MobX DevTools extension

  •    Javascript

See counter, simple-todo and todomvc examples. Also see the extension API and my presentation at React Europe.

crossbuilder - Building web, Electron, Cordova and Chrome apps, and cross-browser extensions with React, Redux and Webpack

  •    Javascript

Building web, Electron, Cordova and Chrome apps, and cross-browser extensions that use Redux actions for messaging. Redux states are synced between background, injected page, app window, extension popup and badge.

redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI

  •    Javascript

Note that the implemention in this repository is different from Redux DevTools Extension. Please refer to the latter for browser extension. Redux DevTools is a development time package that provides power-ups for your Redux development workflow. Be careful to strip its code in production (see walkthrough for instructions)! To use Redux DevTools, you need to choose a “monitor”—a React component that will serve as a UI for the DevTools. Different tasks and workflows require different UIs, so Redux DevTools is built to be flexible in this regard. We recommend using LogMonitor for inspecting the state and time travel, and wrap it in a DockMonitor to quickly move it across the screen. That said, when you’re comfortable rolling up your own setup, feel free to do this, and share it with us.


electron-devtools-installer - An easy way to ensure Chrome DevTools extensions into Electron

  •    Javascript

This is an easy way to install DevTool extensions into Electron. You shouldn't have to mess around with downloading the extension, finding the right folder and then configuring the path for everyone's machines. Technically you can use whatever extension you want. Simply find the ChromeStore ID of the extension you want to install, and call installExtension('YOUR_ID_HERE'). We offer a few extension ID's inside the package so you can easily import them to install without having to find them yourselves.

devtron - An Electron DevTools Extension

  •    Javascript

An Electron DevTools extension to help you inspect, monitor, and debug your app. You should then see a Devtron tab added.

meteor-devtools - ⚡Chrome Dev tools extension for Meteorjs apps

  •    Javascript

Meteor Devtools (MD) is an extension for Chrome Developer Tools that makes the process of developing Meteor apps even more enjoyable. It also allows you to look under the hood of existing applications and learn how they are built. MD includes a plugin framework and currrently comes with 3 plugins: DDP Monitor, Blaze Inspector and MiniMongo Explorer. You can install it from Chrome Web Store. Meteor Devtools Extension is made by Meteor loving folks at The Bakery. Blaze Inspector is inspired by React Devtools and uses Element highlighter from that project.

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.

apollo-client-devtools - :christmas_tree: Chrome extension for Apollo Client developer tools

  •    Javascript

This repository contains the Apollo Client Devtools Chrome extension.If you are running Apollo Client 2.0, the dev tools require at least apollo-client@2.0.0-rc.2 and react-apollo@2.0.0-beta.0.

redux-devtools-extension - Redux DevTools extension.

  •    Javascript

Note that starting from v2.7, window.devToolsExtension was renamed to window.__REDUX_DEVTOOLS_EXTENSION__ / window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__. Note that preloadedState argument is optional in Redux' createStore.

WebVR-Extension - Chrome DevTools extension to emulate WebVR API

  •    Javascript

Chrome DevTools extension that enables users and developers to run WebVR 1.0 content without having a supported HMD headset or even a compatible browser/platform. It currently emulates an HTC Vive. It can also help develop even if one owns an HMD, by making repetitive actions that require putting the HMD on and off easier to check through the DevTools panel.

react-devtools - An extension that allows inspection of React component hierarchy in the Chrome and Firefox Developer Tools

  •    Javascript

React Developer Tools lets you inspect the React component hierarchy, including component props and state.It exists both as a browser extension (for Chrome and Firefox), and as a standalone app (works with other environments including Safari, IE, and React Native).

vue-perf-devtool - Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components

  •    Javascript

Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components. It statistically examines the performance of Vue components based on the measures which are collected by Vue using window.performance API. Initially started after reading React Performance Devtool and created from Vue Devtool.

chrome-devtools-autosave - Auto-saving CSS and JavaScript changes from the Chrome Developer Tools

  •    Javascript

Chrome DevTools Autosave consists of a Chrome extension and a server. The extension pushes changed files to the server. The server resolves URL of these files and overwrites the old ones with the new ones. Open example/index.html locally (using file:// scheme). Edit some CSS and JS. That’s it. Files have been saved.

OctoLinker - OctoLinker – Available on Chrome, Firefox and Opera

  •    Javascript

OctoLinker is a browser extension for Chrome, Firefox and Opera which allows you to navigate through code on GitHub more efficiently. It turns language-specific module-loading statements like include, require or import into links. Depending on the language it will either redirect you to the referenced file or to an external website like a manual page or another service.

browser - The browser extension vault (Chrome, Firefox, Opera, Edge, Safari, & more).

  •    Javascript

The Bitwarden browser extension is written using the Chrome Web Extension API and AngularJS. By default the extension is targeting the production API. If you are running the Core API locally, you'll need to switch the extension to target your local instance. Open src/services/api.service.ts and set this.baseUrl and this.identityBaseUrl to your local API instance (ex. http://localhost:5000).

redux-devtools-dock-monitor - A resizable and movable dock for Redux DevTools monitors

  •    Javascript

A resizable and movable dock for Redux DevTools. Powered by React Dock. Read how to start using Redux DevTools.

chrome-devtools-app - Chrome DevTools packaged as an app via Electron

  •    Javascript

Chrome DevTools packaged as an app using electron-prebuilt. This project is an exploration of how much work it would take to separate Chrome DevTools from Chrome itself and to explore what separation from the browser would bring to the table in terms of new functionality, etc.

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.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.