Tooling - AutoSponge/dev-notes GitHub Wiki
- apify The scalable web crawling and scraping library for JavaScript/Node.js. Enables development of data extraction and web automation jobs (not only) with headless Chrome and Puppeteer.
- nut.js scripting desktop/native UI
- webhint scans sites for accessibility, security, perf, etc.
- metrics, logs, and traces in js
- 0x single-command flamegraph profiling. Discover the bottlenecks and hot paths in your code, with flamegraphs.
- config alexjs
- prettier config
- npkill
- codemods with jscodeshift
- esprint faster eslint runner (parallel)
- "buildless" development, another, unpkg
- custom builds with webpack context
- watchme watches web pages for changes
- dumper pretty variable inspector for your Node.js applications
- typescript from jsDoc
- puppeteer as dev server
- ndb node debugger (chrome)
- pretty ms
- signale console logging
- ink react for cli apps
IDE
Examples
Validators
- eslint-parallel
- swagger-test property-based testing for swagger APIs
- snap-shot demo with tape
- spok spec-based testing of objects for TAP
- css, html, mobile
- mobile
- structured data
- browser, app, design, service worker, performance
- accessibility
- mobile, screenshots
- puppeteer-screenshot
- stress, node
- i18n
- html codesniffer
- doiuse lint against caniuse
- clean-js eslint config
- eslint-plugin-compat lint js against targeted browsers
Utilities
- project guidelines
- node-prune remove unnecessary files from
node_modules
- pretty-errors clean errors for node
- nif node inspect
- synt find similar code
- pkg create executable from node app
- stmux terminal mux for node
- pnpm fast, local, cached npm install
- httplab send and edit http request/responses
- have-it get local copies instead of npm install
- api-mock uses API Blueprint definition format
- wuzz Interactive cli tool for HTTP inspection
- expired calculate expired http headers
- regenerate create regexp from list of strings
- superdom dom utility using es6 proxy object
- proxy-middleware express, connect, browsersync proxy
- gron grep for json
- cors-now reverse proxy with cors
- dotenv-parse
- fbjs utilities for facebook apps
- ecmascript version detector
- regexp
- teseve static file server
- metaphor collect page metadata
- fathom find semantic meaning in DOM
- fs-extra
- babili minify ES6/babel
- babel-preset-env dynamic preset loader
Bootstrappers
- next server-rendered react
- jyt babel + jest + webpack
- brunch
- create react app
Checklist
- HEAD everything that goes in the HEAD
Accessibility
Performance
- server-timings express middleware for request timing
- guetzli jpg compressor from google
- nanobench TAP-like output for benchmarks
- optimize-js speed up JIT parsing
- boomerang beacon, perf monitor
- turbolinks optimize follow links
- lazyload lazy load images
- stresser
- mini-profiler
- watson - memory tracker
- perftool
- pagespeed
- webpagetest
- google pagespeed
- perf bookmarklet
- justice.js
- perflint
- speedline
- jpg optimizer
- browserdiet
- lighthouse
- snippets
- html minifier
Workflow
- kyt Build, test and run advanced apps
- remount-router Express router that remounts routes on file change
- my-macos productivity tool chain
- labels copy issue labels across github repos
- runjs
- gh wiki with pr
- packal (alfred workflows)
- git-land (rebase merge tool)
- npm scripts
- grunion multi-threaded glob scripts
- pre-commit
- shutit automation tool
- phoenix mac osx scripting
Debugging
- tap reporter for humans
- standalone dev tools
- node-report
- bugger-agents chrome remote debugging
- chrome remote debugging
- requestbin
- nodejs devtools
- debugger.html
- pino fast node logger
- Chrome devtools for node apps
- percussion (for reactive libs)
- chrome devtools snippets
- ramda-debug
- IEDiag (debug IE11 with chrome)
- chrome timelines (perf)
- dev snippets
- breakpoint (chrome plugin)
- media queries
- [respimagelint])(https://github.com/ausi/respimagelint) lint responsive images
- debugging node
- stack trace
Detection
- logging errors client-side
- drool (memory leak detection)
- phantomCSS (css regression)
- wraith (spider and screenshot diff)
- piwik example
HeadlessBrowsers
Monitoring
Dev Tools
- blisk integrated browser for testing
- JSON-splora
- systemjs hot-loader
- virtual-dom hmr
- fb-flo
- cycle hmr
Dev Tool Authoring
- terminal-kit
- cli es6
- interactive cli
- vorpal
- cli applications
- realist
- better-npm-run (abstract npm scripts)
- npm example
documentation generators
Presentation and Demo Tools
- speaking at conferences
- keycastr show keystrokes in presentation/demo
- comment-value
- aperture screen recording in macos
- carbon images of code
- render md js markdown and js
- kap screen capture/recording
- eagle presentation framework in vue js
- gomix full stack examples
- rxjs diagrams
- webslides
- aperture screen capture
- kap screen capture
- spectacle code viewer
- esnextbin
- jotted (self-hosted demos)
- rxify (marble syntax)
- timer bar
- promisees (promises visualization)
- asciinema (record terminal sessions)
- rxvision (rx visualization)
- rx marbles
- replem (terminal repl)
- tonic (web repl)
- mancy (modern repl with electron)
- flowchart.js
- automata (visualize regexp)
- tddbin
- loupe (js execution visualization)
- treis (instrument functions)
- mermaid (flowchart and diagram generator)
- nomnoml (uml diagramer)
- submitting a talk tips
- codelab components
- esbox
Deployment tools
Communication Tools
- probot github bot
- chatbot in AWS
- mattermost slack alternative