Skip to content

Commit

Permalink
Community tools (reactjs#106)
Browse files Browse the repository at this point in the history
* Translated unknown-prop page.

* Translate community-tools comp-workbenchs.

* Translate community-tools debuggins.

* Translate tools/jsx-integrations.

* Translate tools/starter-kits.

* Translate community/tools-routing.

* Translate community/tools-model-mgmt.

* Translate community/data-fetching.html

* Translate community/tools-testing.

* Translate community/tools-ui-components.

* Translate community/tools-misc.

* Update content/community/tools-comp-workbenches.md

Co-Authored-By: crisgon <kristiano.gon@gmail.com>

* Update content/community/tools-data-fetching.md

Co-Authored-By: crisgon <kristiano.gon@gmail.com>

* Update content/community/tools-data-fetching.md

Co-Authored-By: crisgon <kristiano.gon@gmail.com>

* Update content/community/tools-jsx.md

Co-Authored-By: crisgon <kristiano.gon@gmail.com>

* Update content/community/tools-jsx.md

Co-Authored-By: crisgon <kristiano.gon@gmail.com>

* Update content/community/tools-starter-kits.md

Co-Authored-By: crisgon <kristiano.gon@gmail.com>

* Update content/community/tools-starter-kits.md

Co-Authored-By: crisgon <kristiano.gon@gmail.com>

* Update content/community/tools-starter-kits.md

Co-Authored-By: crisgon <kristiano.gon@gmail.com>

* Update content/community/tools-testing.md

Co-Authored-By: crisgon <kristiano.gon@gmail.com>

* Update content/community/tools-jsx.md

Co-Authored-By: crisgon <kristiano.gon@gmail.com>

* Update content/community/tools-jsx.md

Co-Authored-By: crisgon <kristiano.gon@gmail.com>

* Update tools-testing.md
  • Loading branch information
crisgon authored and halian-vilela committed Mar 5, 2019
1 parent ec4a934 commit 8e9d7c5
Show file tree
Hide file tree
Showing 11 changed files with 189 additions and 186 deletions.
16 changes: 8 additions & 8 deletions content/community/tools-comp-workbenches.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,11 @@ layout: community
permalink: community/component-workbenches.html
---

* **[Storybook for React](https://github.com/storybooks/storybook):** UI component development environment for React.
* **[React Styleguidist](https://github.com/styleguidist/react-styleguidist):** Style guide generator & component workbench for React.
* **[React Showroom](https://github.com/OpusCapita/react-showroom-client):** React based components catalog which provides you with markdown documentation and live examples
* **[patternplate](https://github.com/sinnerschrader/patternplate)**: A platform for pattern and component library development using React.
* **[UiZoo.js](https://github.com/myheritage/UiZoo.js)**: Auto-generated component development environment by the JSDoc of React components.
* **[Neutrino React components preset](https://neutrino.js.org/packages/react-components/)**: Create generic React components and preview them without the need to embed in an application. Plays nicely with other Neutrino middleware, so you can build, test, and publish multiple React components from a single repository.
* **[React Cosmos](https://github.com/react-cosmos/react-cosmos)**: Dev tool for creating reusable React components. It scans your project for components and enables you to: render components in different states, mock dependencies (API, localStorage, etc.), see app state evolve in real time.
* **[Bit](https://github.com/teambit/bit)**: Isolate and share components from existing projects to make them available to install in other projects while tracking changes across projects. It helps save the overhead of keeping components in separate repositories.
* **[Storybook for React](https://github.com/storybooks/storybook):** Ambiente de desenvolvimento de componentes de interface do usuário para o React.
* **[React Styleguidist](https://github.com/styleguidist/react-styleguidist):** Gerador de guia de estilos para react.
* **[React Showroom](https://github.com/OpusCapita/react-showroom-client):** Catálogo de componentes React com documentação e exemplos.
* **[patternplate](https://github.com/sinnerschrader/patternplate)**: Uma plataforma para desenvolvimento de bibliotecas de componentes e padrões usando o React.
* **[UiZoo.js](https://github.com/myheritage/UiZoo.js)**: Ambiente de desenvolvimento de componentes gerados automaticamente pelo JSDoc de componentes React.
* **[Neutrino React components preset](https://neutrino.js.org/packages/react-components/)**: Crie componentes genéricos do React e visualize-os sem a necessidade de incorporar em um aplicativo. Funciona muito bem com outros middlewares da Neutrino, para que você possa criar, testar e publicar vários componentes do React a partir de um único repositório.
* **[React Cosmos](https://github.com/react-cosmos/react-cosmos)**: Ferramenta de desenvolvimento para criar componentes React reutilizáveis. Ele varre os componentes do seu projeto e permite: renderizar componentes em estados diferentes, dependências simuladas (API, localStorage, etc.), ver o estado do aplicativo evoluir em tempo real.
* **[Bit](https://github.com/teambit/bit)**: Isole e compartilhe componentes de projetos existentes e os disponibilize para instalação em outros projetos enquanto rastreia alterações. Isso ajuda a economizar a sobrecarga de manter os componentes em repositórios separados.
10 changes: 5 additions & 5 deletions content/community/tools-data-fetching.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@ layout: community
permalink: community/data-fetching.html
---

* **[Apollo](https://www.apollographql.com/docs/react/):** Easy to set up and use GraphQL client.
* **[Axios](https://github.com/mzabriskie/axios):** Promise based HTTP client for the browser and node.js.
* **[Relay Modern](https://facebook.github.io/relay/docs/en/new-in-relay-modern.html)** - A JavaScript framework for building data-driven React applications.
* **[Request](https://github.com/request/request):** Simplified HTTP request client.
* **[Superagent](https://visionmedia.github.io/superagent/):** A lightweight "isomorphic" library for AJAX requests.
* **[Apollo](https://www.apollographql.com/docs/react/):** Cliente GraphQL fácil de configurar e usar.
* **[Axios](https://github.com/mzabriskie/axios):** Cliente HTTP baseado em promises para o navegador e node.js.
* **[Relay Modern](https://facebook.github.io/relay/docs/en/new-in-relay-modern.html)** -Um framework JavaScript para criar aplicativos React orientados a dados.
* **[Request](https://github.com/request/request):** Cliente de requisições HTTP simplificado.
* **[Superagent](https://visionmedia.github.io/superagent/):** Uma biblioteca "isomórfica" leve para requisições AJAX.
2 changes: 1 addition & 1 deletion content/community/tools-debugging.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,4 +5,4 @@ layout: community
permalink: community/debugging-tools.html
---

* **[React Developer Tools](https://github.com/facebook/react-devtools):** an extension available for [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi), [Firefox](https://addons.mozilla.org/firefox/addon/react-devtools/), and as a [standalone app](https://github.com/facebook/react-devtools/tree/master/packages/react-devtools) that allows you to inspect the React component hierarchy in the Chrome Developer Tools.
* **[React Developer Tools](https://github.com/facebook/react-devtools):** uma extensão disponível para o [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi), [Firefox](https://addons.mozilla.org/firefox/addon/react-devtools/), [Firefox](https://addons.mozilla.org/firefox/addon/react-devtools/) e também como um [aplicativo independente](https://github.com/facebook/react-devtools/tree/master/packages/react-devtools) que permite inspecionar a hierarquia de componentes do React nas Ferramentas do desenvolvedor do Google Chrome.
77 changes: 39 additions & 38 deletions content/community/tools-jsx.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,49 +5,50 @@ layout: community
permalink: community/jsx-integrations.html
---

## Editor Integrations {#editor-integrations}
* **[Sublime Text: babel-sublime](https://github.com/babel/babel-sublime):** Snippets, syntax highlighting and optimized color schemes for Sublime Text
* **[Atom: language-babel](https://atom.io/packages/language-babel)** Support for es2016, JSX and Flow.
* **[Visual Studio Code](https://code.visualstudio.com/updates/vFebruary#_languages-javascript)** Visual Studio Code supports JSX directly.
* **[JetBrains WebStorm](https://www.jetbrains.com/webstorm/):** Syntax highlighting, code completion, error detection for JSX
* **[JetBrains IDE Live Templates](https://github.com/Minwe/jetbrains-react):** React live templates for JetBrains editors (e.g. WebStorm, PHPStorm, etc.)
* **[javascript-jsx.tmbundle](https://github.com/jjeising/javascript-jsx.tmbundle)** Syntax for TextMate
* **[web-mode.el](http://web-mode.org):** An autonomous emacs major mode that indents and highlights JSX. No support for Automatic Semicolon Insertion.
* **[vim-jsx](https://github.com/mxw/vim-jsx):** Syntax highlighting and indenting for JSX
## Integração com editores {#editor-integrations}
* **[Sublime Text: babel-sublime](https://github.com/babel/babel-sublime):** Snippets, syntax highlighting e esquemas de cores otimizados para o Sublime Text.

## Build Tools {#build-tools}
* **[Atom: language-babel](https://atom.io/packages/language-babel)** Suporte para es2016, JSX e Flow.
* **[Visual Studio Code](https://code.visualstudio.com/updates/vFebruary#_languages-javascript)** Visual Studio Code suporta JSX completamente.
* **[JetBrains WebStorm](https://www.jetbrains.com/webstorm/):** Syntax highlighting, autocomplete, detector de erros para JSX.
* **[JetBrains IDE Live Templates](https://github.com/Minwe/jetbrains-react):** Templates React para editores JetBrains (ex. WebStorm, PHPStorm, etc.)
* **[javascript-jsx.tmbundle](https://github.com/jjeising/javascript-jsx.tmbundle)** Sintaxe para o TextMate
* **[web-mode.el](http://web-mode.org):** 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](https://github.com/mxw/vim-jsx):** Syntax highlighting e identação para JSX

* **[Create React App](https://github.com/facebookincubator/create-react-app):** An **officially supported** way to create React apps with no configuration.
* **[nwb](https://github.com/insin/nwb)**: A toolkit for React, Preact & Inferno apps, React libraries and other npm modules for the web, with no configuration (until you need it)
* **[Neutrino](https://neutrino.js.org/)**: Create and build modern JavaScript applications with zero initial configuration. Neutrino combines the power of webpack with the simplicity of presets.
* **[ESLint](https://eslint.org/):** A pluggable JavaScript linter that natively supports JSX syntax. Be sure to download [eslint-plugin-react](https://npmjs.com/package/eslint-plugin-react) for React-specific rules.
* **[Structor](https://www.npmjs.com/package/structor):** This tool is a user interface builder for node.js Web applications with React UI. Structor replaces the now deprecated React UI Builder. Watch [Structor Video Tutorials](https://youtu.be/z96xYa51EWI?list=PLAcaUOtEwjoR_U6eE2HQEXwkefeVESix1)
* **[react-jsx](https://github.com/bigpipe/react-jsx):** Compile and use JSX as stand-alone templates that can run server-side and client side!
* **[cjsx-codemod](https://github.com/jsdf/cjsx-codemod):** Write JSX code within Coffeescript!
* **[ReactScript](https://github.com/1j01/react-script):** Write React code within Coffeescript without JSX!
* **[jsxhint](https://npmjs.org/package/jsxhint):** [JSHint](http://jshint.com/) (linting) support. (JSX compilation doesn't affect line numbers so lint can also be run directly on the compiled JS.)
* **[reactify](https://npmjs.org/package/reactify):** [Browserify](http://browserify.org/) transform.
* **[Babel](https://babeljs.io/):** Standalone & [Browserify](http://browserify.org/) transform (formerly known as **6to5**).
* **[node-jsx](https://npmjs.org/package/node-jsx):** Native [Node](https://nodejs.org/) support.
* **[react-hot-loader](https://gaearon.github.io/react-hot-loader/):** Loader for [webpack](https://webpack.github.io/) that lets you edit JSX and have changes appear immediately in the browser without reloading the page.
* **[jsx-loader](https://npmjs.org/package/jsx-loader):** Loader for [webpack](https://webpack.github.io/).
* **[express-jsxtransform](https://www.npmjs.org/package/express-jsxtransform):** Middleware for [Express](https://www.npmjs.org/package/express).
* **[gradle-react-plugin](https://github.com/ehirsch/gradle-react-plugin):** Transform jsx sources during a gradle build.
## Ferramentas de compilação {#build-tools}

* **[Create React App](https://github.com/facebookincubator/create-react-app):** Uma maneira **oficialmente suportada** para criar aplicativos React sem configuração.
* **[nwb](https://github.com/insin/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](https://neutrino.js.org/)**: Crie e construa aplicativos JavaScript modernos com zero configuração inicial. O Neutrino combina o poder do webpack com a simplicidade dos presets.
* **[ESLint](https://eslint.org/):** Um linter JavaScript plugável que suporta nativamente a sintaxe JSX. Certifique-se de baixar [eslint-plugin-react](https://npmjs.com/package/eslint-plugin-react) para regras específicas do React.
* **[Structor](https://www.npmjs.com/package/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](https://youtu.be/z96xYa51EWI?list=PLAcaUOtEwjoR_U6eE2HQEXwkefeVESix1)
* **[react-jsx](https://github.com/bigpipe/react-jsx):** Compile e use o JSX como modelos independentes que podem ser executados no lado do servidor e do cliente!
* **[cjsx-codemod](https://github.com/jsdf/cjsx-codemod):** Escreva código JSX com Coffeescript!
* **[ReactScript](https://github.com/1j01/react-script):** Escreva código React com Coffeescript sem JSX!
* **[jsxhint](https://npmjs.org/package/jsxhint):** Suporte ao [JSHint](http://jshint.com/) (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](https://npmjs.org/package/reactify):** Conversor [Browserify](http://browserify.org/).
* **[Babel](https://babeljs.io/):** Standalone & conversor [Browserify](http://browserify.org/) (anteriormente conhecido como **6to5**).
* **[node-jsx](https://npmjs.org/package/node-jsx):** Suporte [Node](https://nodejs.org/) nativo.
* **[react-hot-loader](https://gaearon.github.io/react-hot-loader/):** Loader para [webpack](https://webpack.github.io/) que permite editar o JSX e fazer com que as alterações apareçam imediatamente no navegador sem recarregar a página.
* **[jsx-loader](https://npmjs.org/package/jsx-loader):** Loader para [webpack](https://webpack.github.io/).
* **[express-jsxtransform](https://www.npmjs.org/package/express-jsxtransform):** Middleware para [Express](https://www.npmjs.org/package/express).
* **[gradle-react-plugin](https://github.com/ehirsch/gradle-react-plugin):** Transforma fontes jsx durante uma compilação gradle.
* **[grunt-react](https://npmjs.org/package/grunt-react):** [GruntJS](https://gruntjs.com/) task.
* **[gulp-react](https://npmjs.org/package/gulp-react):** [GulpJS](https://gulpjs.com/) plugin.
* **[brunch-react](https://www.npmjs.org/package/react-brunch):** [Brunch](https://brunch.io/) plugin.
* **[jsx-requirejs-plugin](https://github.com/philix/jsx-requirejs-plugin):** [RequireJS](https://requirejs.org/) plugin.
* **[react-meteor](https://github.com/benjamn/react-meteor):** [Meteor](https://www.meteor.com/) plugin.
* **[pyReact](https://github.com/facebook/react-python):** [Python](https://www.python.org/) bridge to JSX.
* **[react-rails](https://github.com/facebook/react-rails):** Ruby gem for using JSX with [Ruby on Rails](https://rubyonrails.org/).
* **[react-laravel](https://github.com/talyssonoc/react-laravel):** PHP package for using ReactJS with [Laravel](https://laravel.com/).
* **[ReactJS.NET](https://reactjs.net/):** .NET library for React and JSX.
* **[sbt-reactjs](https://github.com/ddispaltro/sbt-reactjs)** SBT/Play/Scala JSX compiler plugin
* **[pyReact](https://github.com/facebook/react-python):** Ponte entre [Python](https://www.python.org/) e JSX.
* **[react-rails](https://github.com/facebook/react-rails):** Ruby gem para usar JSX com [Ruby on Rails](https://rubyonrails.org/).
* **[react-laravel](https://github.com/talyssonoc/react-laravel):** Pacote PHP para usar REactJS com [Laravel](https://laravel.com/).
* **[ReactJS.NET](https://reactjs.net/):** Biblioteca .NET para React e JSX.
* **[sbt-reactjs](https://github.com/ddispaltro/sbt-reactjs)** Plugin SBT/Play/Scala para compilar JSX.
* **[mimosa-react](https://github.com/dbashford/mimosa-react):** [Mimosa](http://mimosa.io) plugin.
* **[react-grails-asset-pipeline](https://github.com/peh/react-grails-asset-pipeline):** Assets for react and precompilation of jsx files in [Grails](https://grails.org/).
* **[gore-gulp](https://github.com/goreutils/gore-gulp):** Wrapper around [webpack](https://webpack.github.io/), [eslint](https://eslint.org/), [mocha](https://mochajs.org/) for ease of use and zero configuration.
* **[webpack](https://github.com/webpack/webpack):** Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jade, coffee, css, less, ... and your custom stuff.
* **[webpack-bbq](https://github.com/wenbing/webpack-bbq):** transform your src to lib, supports server rendering and static rendering.
* **[jsxtransformer](https://github.com/cronn-de/jsxtransformer):** Compile pipeline for jsx files in Java
* **[babylon-jsx](https://github.com/marionebl/babylon-jsx)**: Transform JSX to ES2015 with babylon sans babel
* **[CRA Universal CLI](https://github.com/antonybudianto/cra-universal)** - A simple CLI to create and build Express server for your create-react-app projects, featuring Server-side rendering and Code-splitting.
* **[react-grails-asset-pipeline](https://github.com/peh/react-grails-asset-pipeline):** Assets para react e pré-compilação de arquivos jsx em [Grails](https://grails.org/).
* **[gore-gulp](https://github.com/goreutils/gore-gulp):** Empacotador em torno do [webpack](https://webpack.github.io/), [eslint](https://eslint.org/), [mocha](https://mochajs.org/) para facilidade de uso e zero configuração.
* **[webpack](https://github.com/webpack/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](https://github.com/wenbing/webpack-bbq):** Transforma seu src para lib, suporta renderização de servidor e renderização estática.
* **[jsxtransformer](https://github.com/cronn-de/jsxtransformer):** Compila o pipeline para arquivos jsx em Java
* **[babylon-jsx](https://github.com/marionebl/babylon-jsx)**: Transforma JSX ára ES2015 com babylon sans babel
* **[CRA Universal CLI](https://github.com/antonybudianto/cra-universal)** - 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.
Loading

0 comments on commit 8e9d7c5

Please sign in to comment.