Top 19 JavaScript Devtool Projects
-
-
As alternative to redux devtools extension in our store. I posted a link to ComposewithDevTools. Which can be use in place of the redux devtools line in our store. Check section 1.3 for more details. ComposeWithDevTools
-
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!
-
Are you hitting a remote DB? Have you tried a different test runner (Jest can be hella slow)? Have you looked at https://github.com/GoogleChromeLabs/ndb or https://github.com/davidmarkclements/0x ?
-
URL: https://reactide.io/ Github: https://github.com/reactide/reactide Documentation: – Price: Free, open-source Languages: React Platform: macOS, Windows, Ubuntu Extension or Plugins: none
-
hotel
🏩 A simple process manager for developers. Start apps from your browser and access them using local domains
Project mention: So I'm going the "no MAMP" route on my new Mac. Anyone know how to just use "localhost" instead of "localhost/~username/"? | reddit.com/r/webdev | 2021-06-16I've been using Hotel for years and it exactly fits my needs. It hasn't been actively maintained for some time, however, and it may not be a bright idea to get invested in it right now. It could suit your short term needs, though. I'm interested in hearing what other suggestions come up.
-
Project mention: HTB academy: INFORMATION GATHERING - WEB EDITION, noob problems | reddit.com/r/hackthebox | 2022-04-06
I cant get this information in headers and whatweb/Wappalyzer are not telling me anything more. Any hints?
-
-
SonarLint
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.
-
Had no idea curl could do this. If you need a deeper dive, you can do something similar with headless chrome and the chrome remote dev tools protocol.
There's a good example with puppeteer, here:
https://github.com/addyosmani/puppeteer-webperf#devtools-pro... (Ctrl-F, and search for "Get Navigation Timing API metrics").
There are other snippets there that you can turn into text command line tools too.
-
-
Grab a profile when it is happening - or you can record all the time and capture the profile once it is happening: https://profiler.firefox.com
-
Project mention: Share a best practice you follow for every react / next.js project 🚀👍💯 | reddit.com/r/reactjs | 2022-04-15
Have you seen Sapling?
-
NiM
Streamline Your Node.js Debugging Workflow with Chromium (Chrome, Edge, More) DevTools. (by june07)
-
virtual-authenticators-tab
Debug webauthn with a chrome extension that adds a virtual authenticators tab to devtools
Project mention: WebAuthn server library for public key-based authentication | reddit.com/r/haskell | 2022-01-24Use this chrome extension to simulate authenticators if you don't have one yourself
-
Project mention: Network+: Browser DevTool for network recording, editing and resending | reddit.com/r/CKsTechNews | 2021-11-20
-
Project mention: How to write and deploy a NFTs smart contract in NEAR (Rust-lang) | reddit.com/r/u_bnqtshits | 2021-12-03
near-cli is a command line interface (CLI) for interacting with the NEAR blockchain. It was installed to the local node_modules folder when you ran yarn install, but for best ergonomics you may want to install it globally:
-
Anchr
⚓️ Anchr provides you with a toolbox for tiny tasks on the internet, especially bookmark collections
-
-
Project mention: Show HN: Imba – I have spent 7 years creating a programming language for the web | news.ycombinator.com | 2021-08-17
I went through the same concerns and ended up building a little benchmarking tool for a simple reactive UI library I'm working on. It's not super user-friendly yet but doing a good job of profiling tasks.
You can write custom benchmarks by clearly separating pre-setup work than relying on ready-made benchmarks (a bit of a pain initially, but helps a lot to fine-tune at unit-level going forward).
It uses Chrome DevTools Protocol(CDP) through Puppeteer and allows to analyze execution durations separately (Scripting, Layout, Paint, etc).
Think it will be helpful: https://github.com/dumijay/pfreak
-
JavaScript Devtools related posts
- HTB academy: INFORMATION GATHERING - WEB EDITION, noob problems
- Is there any way to determine whether a website is made using webflow or not?
- Does anyone know how the front end of this site was built?
- Running test online
- How do I build an app which scrapes data of a website in the background and shows the scraped data back to the user in the same web app/chrome extension?
- Can you guess what library was used to create this website?
- What is the website that tells you the tech stack an application is built with?
Index
What are some of the best open-source Devtool projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | webpack-dashboard | 13,873 |
| 2 | redux-devtools-extension | 13,386 |
| 3 | ndb | 10,687 |
| 4 | reactide | 10,403 |
| 5 | hotel | 9,749 |
| 6 | wappalyzer | 7,483 |
| 7 | remote-redux-devtools | 1,788 |
| 8 | puppeteer-webperf | 1,594 |
| 9 | phalcon-devtools | 1,307 |
| 10 | profiler | 686 |
| 11 | sapling | 443 |
| 12 | NiM | 180 |
| 13 | virtual-authenticators-tab | 153 |
| 14 | network-plus | 137 |
| 15 | near-cli | 134 |
| 16 | Anchr | 132 |
| 17 | code-fold | 13 |
| 18 | pFreak | 4 |
| 19 | sharkwords-redux | 2 |
Are you hiring? Post a new remote job listing for free.
