JSX Integrations

Integração com editores

• Sublime Text: babel-sublime: Snippets, syntax highlighting e esquemas de cores otimizados para o Sublime Text.
• Atom: language-babel Suporte para es2016, JSX e Flow.
• Visual Studio Code Visual Studio Code suporta JSX completamente.
• JetBrains WebStorm: Syntax highlighting, autocomplete, detector de erros para JSX.
• JetBrains IDE Live Templates: Templates React para editores JetBrains (ex. WebStorm, PHPStorm, etc.)
• javascript-jsx.tmbundle Sintaxe para o TextMate
• web-mode.el: Um modo principal do emacs autônomo que identa e destaca o JSX. Não há suporte para inserção automática de ponto-e-vírgula.
• vim-jsx: Syntax highlighting e identação para JSX

Ferramentas de compilação

• Create React App: Uma maneira oficialmente suportada para criar aplicativos React sem configuração.
• nwb:Um kit de ferramentas para aplicativos React, Preact & Inferno, bibliotecas React e outros módulos npm para a web, sem configuração (até que você precise)
• Neutrino: Crie e construa aplicativos JavaScript modernos com zero configuração inicial. O Neutrino combina o poder do webpack com a simplicidade dos presets.
• ESLint: Um linter JavaScript plugável que suporta nativamente a sintaxe JSX. Certifique-se de baixar eslint-plugin-react para regras específicas do React.
• Structor: Essa ferramenta é um construtor de interface do usuário para aplicativos Web em node.js com o React UI. O Structor substitui o React UI Builder, agora obsoleto. Assista Structor Video Tutorials
• react-jsx: Compile e use o JSX como modelos independentes que podem ser executados no lado do servidor e do cliente!
• cjsx-codemod: Escreva código JSX com Coffeescript!
• ReactScript: Escreva código React com Coffeescript sem JSX!
• jsxhint: Suporte ao JSHint (linting). (A compilação JSX não afeta os números de linha, portanto, lint também pode ser executado diretamente no JS compilado.)
• reactify: Conversor Browserify.
• Babel: Standalone & conversor Browserify (anteriormente conhecido como 6to5).
• node-jsx: Suporte Node nativo.
• react-hot-loader: Loader para webpack que permite editar o JSX e fazer com que as alterações apareçam imediatamente no navegador sem recarregar a página.
• jsx-loader: Loader para webpack.
• express-jsxtransform: Middleware para Express.
• gradle-react-plugin: Transforma fontes jsx durante uma compilação gradle.
• grunt-react: GruntJS task.
• gulp-react: GulpJS plugin.
• brunch-react: Brunch plugin.
• jsx-requirejs-plugin: RequireJS plugin.
• react-meteor: Meteor plugin.
• pyReact: Ponte entre Python e JSX.
• react-rails: Ruby gem para usar JSX com Ruby on Rails.
• react-laravel: Pacote PHP para usar REactJS com Laravel.
• ReactJS.NET: Biblioteca .NET para React e JSX.
• sbt-reactjs Plugin SBT/Play/Scala para compilar JSX.
• mimosa-react: Mimosa plugin.
• react-grails-asset-pipeline: Assets para react e pré-compilação de arquivos jsx em Grails.
• gore-gulp: Empacotador em torno do webpack, eslint, mocha para facilidade de uso e zero configuração.
• webpack: Pacotes e módulos CommonJs / AMD para o navegador. Permite dividir sua base de código em vários pacotes, que podem ser carregados sob demanda. Suporta loaders para pré-processar arquivos, ou seja, json, jade, coffe, css, less … e suas coisas personalizadas.
• webpack-bbq: Transforma seu src para lib, suporta renderização de servidor e renderização estática.
• jsxtransformer: Compila o pipeline para arquivos jsx em Java
• babylon-jsx: Transforma JSX ára ES2015 com babylon sans babel
• CRA Universal CLI - Uma CLI simples para criar e construir um servidor Express para seus projetos com create-react-app, apresentando renderização do lado do servidor e divisão de código.