TypeScript Devtools

Open-source TypeScript projects categorized as Devtools | Edit details

Top 20 TypeScript Devtool Projects

  • msw

    Seamless REST/GraphQL API mocking library for browser and Node.js.

    Project mention: Leveraging the `key` prop to re-render Storybook stories | dev.to | 2022-05-19

    I've written a fair amount about combining Storybook (SB), react-query (RQ), and Mock Service Worker (MSW) (see related posts below). I finally solved another piece of the puzzle for a better developer experience: forcing RQ queries to refetch after changing a control in SB that influences a response from MSW.

  • WebdriverIO

    Next-gen browser and mobile automation test framework for Node.js

    Project mention: Wizard level tips for testing/QA JS browser code ? How do you ensure full coverage, generate test cases, etc ? | reddit.com/r/learnjavascript | 2022-03-03

    My team uses Vue.js. We use Karma/Mocha/Chai and Sinon and Vue Test Utils to test our Vue components. For E2E testing we use Webdriver.io, but have in the past used Selenium written in Kotlin, and also Cypress.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • cosmos-js

    Sandbox for developing and testing UI components in isolation

    Project mention: Do you use Storybook in your React Native projects? | reddit.com/r/reactnative | 2022-03-31

    I switched to cosmos (https://github.com/react-cosmos/react-cosmos ) awhile back and like it a lot more. Storybook might have caught up this now I havnt tried again since.

  • Eclipse Che

    The Kubernetes-Native IDE for Developer Teams

    Project mention: [Request] Is there something like Google Docs but for code? | reddit.com/r/programmingtools | 2022-01-26
  • theatre

    Motion design editor for the web

    Project mention: 3 Frontend Developers' Must-Have Tools | dev.to | 2022-04-14

    Theatre.Js. For the web, I created a motion design. Theatre.js is a GUI-based JavaScript animation library. The DOM, WebGL, and any other JavaScript variable are animated. It's essentially a visual editor for animating DOM objects. www.theatrejs.com

  • chrome

    The browserless Chrome service in Docker. Run on our cloud, or bring your own.

    Project mention: How to automate PDF generation of dashboards/web pages with open-source web automation | reddit.com/r/opensource | 2022-05-02
  • compodoc

    :notebook_with_decorative_cover: The missing documentation tool for your Angular, Nest & Stencil application

    Project mention: 🚀 Angular 13 + ESLint, Material + Transloco + Jest, TestCafe + Docker + Prettier 🚀 | dev.to | 2022-02-11

    npm run compodoc - generate compodoc documentation

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • jsonhero-web

    JSON Hero is an open-source, beautiful JSON explorer for the web that lets you browse, search and navigate your JSON files at speed. 🚀

    Project mention: A Website that lets you easily explore JSON files | reddit.com/r/RequestASite | 2022-05-22
  • lightproxy

    💎 Cross platform Web debugging proxy

    Project mention: Launch HN: Requestly (YC W22) – Network debugging proxy for web and mobile | news.ycombinator.com | 2022-03-03
  • react-render-tracker

    React render tracker – a tool to discover performance issues related to unintentional re-renders and unmounts

    Project mention: lahmatiy/react-render-tracker: React render tracker – a tool to discover performance issues related to unintentional re-renders and unmounts | reddit.com/r/reactjs | 2021-08-25

    Since RRT is on MVP stage, that's the main difference for now. [More features are planned](https://github.com/lahmatiy/react-render-tracker/issues/6), like better stats, viz improvements, non-ui client API and event log dumping for using on CI etc.

  • apollo-client-devtools

    Apollo Client browser developer tools.

    Project mention: Did I break you? Reverse dependency verification | news.ycombinator.com | 2021-06-10

    People don't understand how their code can mess up others in unexpected ways. A few weeks ago my youtube just stopped working. Turns out, a change made to the apollo-graphql extension caused window.process to be readonly and youtube's code was not expecting that: https://github.com/apollographql/apollo-client-devtools/issu...

    I know this isn't a dependency issue, but it's a great example of why things like semver don't work perfectly in practice. It's hard to figure out what the effects of your code really are in the end. You might assume a change is minor when it really is major. I wish programming languages could figure out what the version change should be for a given code change.

  • graphql-config

    One configuration for all your GraphQL tools (supported by most tools, editors & IDEs)

    Project mention: GraphQL Config | dev.to | 2021-07-29

    This is an alpha phase — we want your feedback, as a user and as a creator — Please create an issue or join our Discord channel

  • walletconnect-monorepo

    WalletConnect Monorepo

    Project mention: Flooz.Trade Not working | reddit.com/r/SYA_Token | 2021-08-05

    In case you are interested in all the issues that WalletConnect is facing at the moment, pls see https://github.com/WalletConnect/walletconnect-monorepo/issues

  • secret-agent

    The web scraper that's nearly impossible to block (v1)

    Project mention: Way to scrape any dynamic data from any site / Server for scaping | reddit.com/r/webscraping | 2022-04-17

    Automated Browser under hood is SecretAgent, thats masking alot bot stuff and bypass huge amount of anti-bot systems (also be patient to your proxy quality)

  • json-server-auth

    Authentication & Authorization flow for JSON Server

    Project mention: The Basic Necessities of a Mock User Authentication with json-server-auth | dev.to | 2021-11-24

    On a larger scale for your applications, you will probably make use of more optional fields when it comes to creating your user's information. However, once you are able to handle the user's log in, the sky is the limit to what you can do with their data. This will work at a basic level with just an email and password, but if you wish to read more about json-server-auth and some of it's further capabilities with tokens or authorization flow you can find its documentation here.

  • nxrocks

    Set of Nx plugins to enhance your Nx workspace (even more!)

  • replay

    Library that provides an API to replay and stringify recordings created using Chrome DevTools Recorder (by puppeteer)

    Project mention: Chrome Recorder: Record, Replay and Measure User Flows | dev.to | 2022-04-28

    You can start a recording, execute the steps you’d like to record in the app (such as typing or clicking), and export the recording as JSON file, Puppeteer script or @puppeteer/replay script.

  • apollo-vue-devtools

    View Apollo queries in the vue-devtools timeline for easier debugging

    Project mention: 15 Best Free Project Management Software for Bloggers | reddit.com/r/WorldofWordPress | 2022-03-05

    Have you looked at Storipress? (disclosure, i'm one of the co-founders).

  • awayto

    Awayto is a curated development platform, producing great value with minimal investment. With all the ways there are to reach a solution, it's important to understand the landscape of tools to use.

    Project mention: Functional Web App (FWA) | news.ycombinator.com | 2022-03-12

    This is really cool to see in this format. Over the last few years I have spent my free time crafting a framework under similar ideologies. I think a lot of web devs end up making similar tools throughout their career, but perhaps never get to the point of sharing what they make. I finally formalized my framework last year and am well into battle testing it with clients and different projects. https://awayto.dev

    In a similar light to what this FWA group is presenting, I also have put forth some points about why this style of web dev architecture is important and effective. https://awayto.blog/posts/webapps/

    Actually, I started out reading Million Dollar Consulting last year and one of the first chapters essentially talks about the importance of having a portfolio of work, and being able to capitalize off that body of knowledge within to grow more as a consultant. Well, I took that as a sign to formalize a framework that would allow me to do my development work in a much more effective manner, as well as provide more out of the box functionality for my clients.

    Overall, the experience has been really positive. Obviously I don't get to use my own framework with every client, and that's a good thing. But, when working with clients who need basic business problems solved, having an FWA style framework is going to allow you to iterate so much faster than traditional MVC platforms. At least this has been my experience. Specifically to that point, with templated and loosely coupled parts, you don't have to spend too long building your web app to get it to do something exceptional.

  • swr-devtools

    react-query Devtools for swr

    Project mention: swr-devtools | reddit.com/r/nextjs | 2022-01-04

    code: https://github.com/rendinjast/swr-devtools demo: https://codesandbox.io/s/goofy-microservice-ehhkn

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). The latest post mention was on 2022-05-22.

TypeScript Devtools related posts


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

Project Stars
1 msw 9,282
2 WebdriverIO 7,529
3 cosmos-js 7,508
4 Eclipse Che 6,666
5 theatre 5,844
6 chrome 4,525
7 compodoc 3,634
8 jsonhero-web 2,955
9 lightproxy 2,597
10 react-render-tracker 1,622
11 apollo-client-devtools 1,363
12 graphql-config 1,028
13 walletconnect-monorepo 804
14 secret-agent 472
15 json-server-auth 208
16 nxrocks 144
17 replay 138
18 apollo-vue-devtools 13
19 awayto 12
20 swr-devtools 10
Find remote jobs at our new job board 99remotejobs.com. There are 7 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.