

react-jsx: Compile and use JSX as stand-alone templates that can run server-side and client side!.Structor replaces the now deprecated React UI Builder. Structor: This tool is a user interface builder for node.js Web applications with React UI.Be sure to download eslint-plugin-react for React-specific rules. ESLint: A pluggable JavaScript linter that natively supports JSX syntax.Neutrino combines the power of webpack with the simplicity of presets. Neutrino: Create and build modern JavaScript applications with zero initial configuration.nwb: A toolkit for React, Preact & Inferno apps, React libraries and other npm modules for the web, with no configuration (until you need it).

Create React App: An officially supported way to create React apps with no configuration.vim-jsx: Syntax highlighting and indenting for JSX.No support for Automatic Semicolon Insertion. web-mode.el: An autonomous emacs major mode that indents and highlights JSX.javascript-jsx.tmbundle Syntax for TextMate.JetBrains IDE Live Templates: React live templates for JetBrains editors (e.g.JetBrains WebStorm: Syntax highlighting, code completion, error detection for JSX.Visual Studio Code Visual Studio Code supports JSX directly.

Atom: language-babel Support for es2016, JSX and Flow.Sublime Text: babel-sublime: Snippets, syntax highlighting and optimized color schemes for Sublime Text.I collaborated recently with some folks in a small startup as an early adopter to create a metrics dashboard for engineers.

For customer matters we have Amplitude or Firebase analytics, but for our internal process? That's a little bit more complicated. However it's not easy to measure this improvements over time. We use to add checks for linting, type-enforcing and other quality dimensions in our PRs and a great feature from Vercel that let's you previsualize deployments directly in a PR. We use Trello for bug-tracking and project management. As a tech leader, I have to worry about things like: are we taking enough time for reviews? Are we improving over time? Are we faster now? Is our code of higher quality?įor all these questions you can add many great recommendations on your pipeline. Lately my mind has been focusing more on product as a experience than what's it made of (anatomy). For those that have read my stack decisions, it's normal to expect some advice on infrastructure or React Native. This time I want to share something different.
