https://github.com/smikhalevski/react-executor-devtools

🦖 Devtools for React Executor.
https://github.com/smikhalevski/react-executor-devtools

Last synced: 4 days ago
JSON representation

🦖 Devtools for React Executor.

• Host: GitHub
• URL: https://github.com/smikhalevski/react-executor-devtools
• Owner: smikhalevski
• License: mit
• Created: 2024-05-03T08:57:32.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-08-05T19:23:17.000Z (3 months ago)
• Last Synced: 2024-08-05T22:37:41.100Z (3 months ago)
• Language: TypeScript
• Homepage: https://chromewebstore.google.com/detail/react-executor-devtools/achlflelpafnlpepfpfhildkahbfhgjc
• Size: 650 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# react-executor-devtools

Devtools browser extension for [React Executor](https://github.com/smikhalevski/react-executor).

[Install the extension](https://chromewebstore.google.com/detail/react-executor-devtools/achlflelpafnlpepfpfhildkahbfhgjc)

from the Chrome Web Store and try it live with

[the example project](https://codesandbox.io/p/sandbox/react-executor-example-ltflgy?file=%2Fsrc%2FTodoListApp.tsx).










## Running the extension locally

To build the extension locally and add it to the browser: 

1. Clone this repository.

2. Install dependencies and build sources: 

```shell

npm ci

npm run build

```

3. Load the created `./build` directory in Chrome as an [unpacked extension](https://developer.chrome.com/docs/extensions/mv3/getstarted/development-basics/#load-unpacked).

4. Navigate to a webpage and open the devtools window.

5. Navigate to the new devtools panel named "Executors".

For development purposes, you can start the extension as a standalone app that uses a mocked data:

```shell

npm start

```