oslabs-beta / solid-dev-tool

A SolidJS signal tracking dependency & structural visualizer developer tool

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Solid JS DevTool

Developer tool that visualizes Solid's signal architecture, 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

About

A SolidJS signal tracking dependency & structural visualizer developer tool


Languages

Language:TypeScript 60.3%Language:JavaScript 18.7%Language:Sass 17.9%Language:HTML 3.1%