TypeScript devtools-extension

Open-source TypeScript projects categorized as devtools-extension
Edit details
Topics: chrome-extension Devtools Redux React Nextjs
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
Sponsored

Top 3 TypeScript devtools-extension Projects

  • Reactime 6.0: State Debugger for React

    Developer tool for time travel debugging and performance monitoring in React applications.

  • tabgod

    execute any javascript on any chromium tabs - cross-tab parallel execution

    • Project mention: Execute any JavaScript from any browser tab on any browser tabs | news.ycombinator.com | 2024-02-07

    yea your right, i have addressed this by moving the api from the window object to a dev tools panel page & options page of the extension so the website itself is no longer able to communicate to the service worker of the extension that is opening up the bridge to access all tabs

    https://github.com/devidw/tabgod/issues/1#issuecomment-19336...

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • react-inspector

    Easily detect React components source code from Chrome! (by hand-dot)

    • Project mention: Ask HN: How do you relate rendered HTML to the TypeScript file it came from? | news.ycombinator.com | 2023-09-11

    There is a nifty SvelteKit plugin called Svelte Inspector[1] that lets you select an element in the browser and open the source file in you IDE. It doesn't always get the line number perfectly, but it's pretty good.

    I think it is based on https://github.com/webfansplz/vite-plugin-vue-inspector

    And this seems to be a similar tool for React: https://chrome.google.com/webstore/detail/react-inspector/gk...

    There is also React Dev Tools: https://chrome.google.com/webstore/detail/react-developer-to...

    If none of those suit your needs, I think most of them are open-source. So modify as needed~

    [1]: https://joyofcode.xyz/svelte-inspector

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

Index

What are some of the best open-source devtools-extension projects in TypeScript? This list will help you:

Project Stars
1 Reactime 6.0: State Debugger for React 2,152
2 tabgod 150
3 react-inspector 133

Sponsored
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com