Top 20 TypeScript Devtool Projects
-
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.
-
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!
-
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.
-
Project mention: [Request] Is there something like Google Docs but for code? | reddit.com/r/programmingtools | 2022-01-26
-
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
-
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-11npm 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 -
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-25Since 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.
-
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)
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
-
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
-
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)
-
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.
-
-
replay
Library that provides an API to replay and stringify recordings created using Chrome DevTools Recorder (by puppeteer)
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.
-
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.
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.
-
code: https://github.com/rendinjast/swr-devtools demo: https://codesandbox.io/s/goofy-microservice-ehhkn
TypeScript Devtools related posts
- A Website that lets you easily explore JSON files
- JSON Hero JSON Viewer
- JSON Hero: A beautiful JSON explorer lets you browse, search and navigate your JSON files at speed
- JSON Hero: A beautiful JSON explorer lets you browse, search and navigate your JSON files at speed
- Online Json editor
- Show HN: Online JSON Browser, Editor
- Do you use Storybook in your React Native projects?
Index
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 |
Are you hiring? Post a new remote job listing for free.
