TypeScript Dev Tools

Open-source TypeScript projects categorized as Dev Tools
Edit details
Topics: #React #Miscellaneous #HacktoberFest #Testing #Documentation
A Non-Cloud Alternative to Google Forms that has it all.
SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.
surveyjs.io
Sponsored

Top 13 TypeScript Dev Tool Projects

  • Code-Server

    VS Code in the browser

    Project mention: DeVStudio – Runs VS Code on Android | news.ycombinator.com | 2023-09-05

    I've been running https://github.com/coder/code-server for the past few months, and I really like it.

    It's basically self-hosted VS Code in a browser. I can switch from my desktop to my laptop, even to my phone, and pick up right where I left off with uncommitted changes, long running processes, etc. Additionally, I get the full resources of my server and don't have to worry about it running down my battery or causing the fans to spin up on my laptop.

  • Playwright

    Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.

    Project mention: Show HN: Paisa – Open-Source Personal Finance Manager | news.ycombinator.com | 2023-09-22

    I don't know about a service that does this, but you might be able to script the website logins with https://playwright.dev/

  • Amplication

    Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.

  • Docusaurus

    Easy to maintain open source documentation websites.

    Project mention: User Guides in Code Documentation: Empowering Users with Usage Instructions | dev.to | 2023-08-20

    Docusaurus is a static-site generator. It builds a single-page application with fast client-side navigation, leveraging the full power of React to make your site interactive. It provides out-of-the-box documentation features but can be used to create any kind of site (personal website, product, blog, marketing landing pages, etc).

  • redux-devtools

    DevTools for Redux with hot reloading, action replay, and customizable UI

    Project mention: 20 Essential Parts Of Any Large Scale React App | dev.to | 2023-06-02

    Also, you should use redux-devtools extension to get the most out of any react-redux-based project.

  • react-styleguidist

    Isolated React component development environment with a living style guide

    Project mention: Why I quit open source | dev.to | 2023-09-14

    My most popular open source project, React Styleguidist, has over 10K stars on GitHub, and yet, I couldn’t manage to build a community around it, and to make it self-sufficient. The project is too big for one person to build it, and to manage issues and pull requests.

  • cosmos-js

    Sandbox for developing and testing UI components in isolation

  • Reactime 6.0: State Debugger for React

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

    Project mention: ReacTime Feedback Request | /r/reactjs | 2023-03-01

    Thanks a lot! Link to github: https://github.com/open-source-labs/reactime

  • Appwrite

    Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

  • react-inspector

    🔍 Power of Browser DevTools inspectors right inside your React app

    Project mention: React Inspector – Power of Browser DevTools inspectors right inside React apps | news.ycombinator.com | 2022-10-25

  • Jooks (Jest ❤ + Hooks 🤘🏻)

    Testing hooks with Jest

  • component-controls

    A next-generation tool to create blazing-fast documentation sites.

  • BundleMon

    A free open-source tool that helps you to monitor your bundle size on every commit and alerts you on changes.

    Project mention: I created a new NPM React Data Table Library with Material Design, built on top of TanStack Table's efficient table logic hooks and API. | /r/webdev | 2022-10-15

    Actually, I just used it today, really helpful!!

  • story-tab

    ⚡ Create React components demos in a zap

  • react-device-frameset

    React device frameset component

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 2023-09-22.

TypeScript Dev Tools related posts

Index

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

Project Stars
1 Code-Server 62,288
2 Playwright 55,124
3 Docusaurus 48,016
4 redux-devtools 13,654
5 react-styleguidist 10,712
6 cosmos-js 7,876
7 Reactime 6.0: State Debugger for React 1,974
8 react-inspector 711
9 Jooks (Jest ❤ + Hooks 🤘🏻) 84
10 component-controls 77
11 BundleMon 73
12 story-tab 54
13 react-device-frameset 53

Sponsored
Updating dependencies is time-consuming.
Solutions like Dependabot or Renovate update but don't merge dependencies. You need to do it manually while it could be fully automated! Add a Merge Queue to your workflow and stop caring about PR management & merging. Try Mergify for free.
blog.mergify.com