@solid-solutions/devtool

In-browser SolidJS debugger and visualizer


Keywords
debugger, devtool, solidjs, state, visualizer
License
ISC
Install
npm install @solid-solutions/devtool@1.0.1

Documentation

Solid JS DevTool

Developer tool that visualizes Solid's signal arhitecture, including the components. It can be added to any Solid JS application.

Screen Shot 2022-08-24 at 9 57 38 PM

Installation

In your command line, go to the main folder where your application's files and package.json are being stored. Install the following package:

npm i @solid-solutions/devtool

Scoreboard-example:

EmHk6dv

Import { DevTool } in the highest level component, typically it is your index file where you render the App. Then wrap the App with DevTool.

ZSQKAiP

You will then see a button appear on your Solid JS application that has the Solid JS logo. When you hover over the button, the debugger action button will show up. Click on the button to show the panel.

l5qArwF

Meet Our Team

Hulkaroy Jouraboeva

Candace Martin

Stanley Chen

Lyam Hunt

Acknowledgements