Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work. Learn more →
Top 13 TypeScript Dev Tool Projects
-
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-22I 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.
-
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).
-
Also, you should use redux-devtools extension to get the most out of any react-redux-based project.
-
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.
-
-
Reactime 6.0: State Debugger for React
Developer tool for time travel debugging and performance monitoring in React applications.
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!
-
Project mention: React Inspector – Power of Browser DevTools inspectors right inside React apps | news.ycombinator.com | 2022-10-25
-
-
-
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-15Actually, I just used it today, really helpful!!
-
-
TypeScript Dev Tools related posts
- Why I quit open source
- Install Playwright and Visual Studio Code
- Help integrating PlayWright into existing non-async console app.
- 🩰 Scheduling automated tests
- Portadom: A Unified Interface for DOM Manipulation
- Obsidiosaurus Plugin - A free Obsidian Publish Alternative bridges your Vault to Docusaurus
- Explicit Design, Part 5. App Composition
-
A note from our sponsor - Sonar
www.sonarsource.com | 29 Sep 2023
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 |