Skip to content
This repository has been archived by the owner on Mar 3, 2021. It is now read-only.
/ clepsydra Public archive

Chrome Extension with react, redux & devtools

Notifications You must be signed in to change notification settings

laurentsenta/clepsydra

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Clepsydra

This project was bootstrapped with Create React App. We ejected to be able to customize the build process.

This is a Chrome extension.

Build

  • yarn build: generate the production build
  • yarn extension: generate the development build

Devtools

React and Redux provide devtools that connect to your application and let you check the state, investigate events, etc.

These won't connect immediately to the chrome extension. Some setup is required.

First install the local servers:

  • npm install -g remotedev-server: local server for redux debugging
  • npm install -g react-devtools: local server for react debugging

Start them:

  • remotedev --hostname=localhost --port=8096: server for remote redux
  • react-devtools: react devtool local

Back on your browser, the app should connect immediately to the react devtools.

For redux,

  1. right click on the extension icon, "open remote Devtools"
  2. "settings", custom server,
  3. use "localhost" and port "8096"

It should connect too.

About

Chrome Extension with react, redux & devtools

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published