79 Developer Tool Examples
react faq: Tight, curated FAQ's about React. Static site built with GatsbyJS, react-router, Netlify, Algolia. Nice layout and typography. Content in Github.
Konsul: React renderer that renders to the browser console. With styling + clickable buttons.
FlameChart: Flamechart component (based on Chrome DevTools) with standalone support. Interesting color-handling code.
Firefox debugger: Firefox debugger with file browser, breakpoints. Also uses Flow and react-storybook.
create react pwa: Adds service-worker support to create-react-app to make an offline progressive web app.
Dev News: Aggregates top news stories from Hacker News, GitHub trending and Product Hunt. SuperAgent.
learnGitBranching: Great intro to Git, branching - visualizations, exercises
mr data generator: Generate data by clicking; download as JSON/CSV. D3, Redux.
spa github pages: Host SPA's with github pages. Custom 404 page handles redirect.
Intro to MobX: Introduction to MobX: observers for data flow. Builds from simple array to React TODO in 8 minutes. mobx.observable, mobxReact.observer.
ReactSEOTest: SEO experiment: will Google see a purely react-rendered page? (yes)
react storybook: Living style guide: Stories describe and configure components. Interactive with HMR
chrome react perf: Chrome extension to start/stop Perf tools...show wasted renders.
spectacle code slide: Spectacle plugin to hi-light, scroll, lines of text in presentations.
storyboard: Colorful logs: End-to-end, hierarchical, real-time, and stories. Includes server-side logs, and story ID's to correlate server+client logs.
react chrome redux: Utils for Redux-enabled Chrome Extensions. Proxies Redux store to backend. Exellent Video presentation.
atellier: Components style guide. Has live preview, config UI.
AST Explorer: Tool to explore the AST generated by various parsers. Also parses CSS, HTML, GraphQL. Parsers include flow, esprima, flow, recast, traceur, typestript, uglifyjs
elm react component: Wraps an Elm module to be used in a React application.
redux store visualizer: Redux dev tool to visualize your stores. Objects animate in/out, hover to see props.
WRDebug (Browser Only)
: ✅ Pre-render cache hit. |