From a5d6a9d82d741d7fbcf5f1659260041e68c490f6 Mon Sep 17 00:00:00 2001 From: Cristiano Date: Sat, 9 Feb 2019 16:42:37 -0300 Subject: [PATCH 01/23] Translated unknown-prop page. --- content/warnings/unknown-prop.md | 28 ++++++++++++++++------------ 1 file changed, 16 insertions(+), 12 deletions(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index 783d1b385..ae58784b3 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -3,37 +3,41 @@ title: Unknown Prop Warning layout: single permalink: warnings/unknown-prop.html --- -The unknown-prop warning will fire if you attempt to render a DOM element with a prop that is not recognized by React as a legal DOM attribute/property. You should ensure that your DOM elements do not have spurious props floating around. +O aviso unknown-prop (propriedade desconhecida) será disparado se você tentar renderizar um elemento DOM com a prop que não é reconhecida pelo React como um atributo/propriedade DOM válido. Você deve garantir que seus elementos DOM não tenham props falsas declaradas. -There are a couple of likely reasons this warning could be appearing: +Existem algumas possíveis razões em que esses avisos podem aparecer: -1. Are you using `{...this.props}` or `cloneElement(element, this.props)`? Your component is transferring its own props directly to a child element (eg. [transferring props](/docs/transferring-props.html)). When transferring props to a child component, you should ensure that you are not accidentally forwarding props that were intended to be interpreted by the parent component. -2. You are using a non-standard DOM attribute on a native DOM node, perhaps to represent custom data. If you are trying to attach custom data to a standard DOM element, consider using a custom data attribute as described [on MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes). -3. React does not yet recognize the attribute you specified. This will likely be fixed in a future version of React. However, React currently strips all unknown attributes, so specifying them in your React app will not cause them to be rendered. +1. Você está usando `{...this.props}` ou `cloneElement(element, this.props)`? Seu componente está transferindo suas próprias props diretamente para um elemento filho (por exemplo. [transferindo props](/docs/transferring-props.html)). Quando transferir props para um elemento filho, você deve garantir que não está passando acidentalmente props que deveriam ser interpretadas pelo componente pai. -4. You are using a React component without an upper case. React interprets it as a DOM tag because [React JSX transform uses the upper vs. lower case convention to distinguish between user-defined components and DOM tags](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized). +2. Você está usando um atributo DOM não padrão em um elemento DOM nativo, possivelmente para representar dados personalizados. Se você está tentando inserir um dado personalizado em um elemento padrão do DOM, considere usar um atributo data como descrito [em MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes). + + +3. O React ainda não reconhece o atributo que você especificou. Isto provavelmente será corrigido em uma versão futura do React. Entretanto, o React atualmente retira todos os atributos desconhecidos, portanto especificá-los em seu aplicativo React não fará com que eles sejam renderizados. + +4. Você está usando um componente React sem uma letra maiúscula. O React interpreta isso como uma tag DOM, porque [O React JSX usa letras maiúsculas e minúsculas para distinguir entre componentes definidos pelo usuário e tags DOM](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized). --- -To fix this, composite components should "consume" any prop that is intended for the composite component and not intended for the child component. Example: +Para corrigir isso, componentes compostos devem "consumir" qualquer prop destinada ao componente composto e não destinada ao componente filho. +Exemplo: -**Bad:** Unexpected `layout` prop is forwarded to the `div` tag. +**Ruim:** Inesperado, a prop `layout` é passada para a tag `div`. ```js function MyDiv(props) { if (props.layout === 'horizontal') { - // BAD! Because you know for sure "layout" is not a prop that
understands. + // RUIM! Porque você tem certeza que "layout" não é uma prop que
entenda. return
} else { - // BAD! Because you know for sure "layout" is not a prop that
understands. + // RUIM! Porque você tem certeza que "layout" não é uma prop que
entenda. return
} } ``` -**Good:** The spread operator can be used to pull variables off props, and put the remaining props into a variable. +**Bom:** O spread operator pode ser usado para extrair variáveis ​​de props e colocar os objetos restantes em uma variável. ```js function MyDiv(props) { @@ -46,7 +50,7 @@ function MyDiv(props) { } ``` -**Good:** You can also assign the props to a new object and delete the keys that you're using from the new object. Be sure not to delete the props from the original `this.props` object, since that object should be considered immutable. +**Bom:** Você também pode atribuir as props a um novo objeto e excluir as chaves que você está usando do novo objeto. Certifique-se de não excluir as props do objeto original `this.props`, já que esse objeto deve ser considerado imutável. ```js function MyDiv(props) { From 8008b1665663d2ca38e82672b97d6933c94a7a61 Mon Sep 17 00:00:00 2001 From: Cristiano Date: Mon, 11 Feb 2019 22:50:48 -0300 Subject: [PATCH 02/23] Translate community-tools comp-workbenchs. --- content/community/tools-comp-workbenches.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/content/community/tools-comp-workbenches.md b/content/community/tools-comp-workbenches.md index f8e4c95ed..f1b2744de 100644 --- a/content/community/tools-comp-workbenches.md +++ b/content/community/tools-comp-workbenches.md @@ -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 gerado automaticamente pelo componente JSDoc do 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. From 889866dce467e0e690c0000798eabf83795d325d Mon Sep 17 00:00:00 2001 From: Cristiano Date: Mon, 11 Feb 2019 22:51:13 -0300 Subject: [PATCH 03/23] Translate community-tools debuggins. --- content/community/tools-debugging.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/community/tools-debugging.md b/content/community/tools-debugging.md index 5416f7eb8..5ad1a5313 100644 --- a/content/community/tools-debugging.md +++ b/content/community/tools-debugging.md @@ -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. \ No newline at end of file From bc07345557e9e071f939ef7865403cca5632043f Mon Sep 17 00:00:00 2001 From: Cristiano Date: Sun, 17 Feb 2019 21:40:51 -0300 Subject: [PATCH 04/23] Translate tools/jsx-integrations. --- content/community/tools-jsx.md | 77 +++++++++++++++++----------------- 1 file changed, 39 insertions(+), 38 deletions(-) diff --git a/content/community/tools-jsx.md b/content/community/tools-jsx.md index 7c2bfc475..ec9457746 100644 --- a/content/community/tools-jsx.md +++ b/content/community/tools-jsx.md @@ -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 com o usuário para aplicativos da Web 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):** [JSHint](http://jshint.com/) (linting) suporte. (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 configuração zero. +* **[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. Suportar loader 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. From a17e61ce21d62791252729e45938a362971df8b0 Mon Sep 17 00:00:00 2001 From: Cristiano Date: Sun, 17 Feb 2019 22:03:28 -0300 Subject: [PATCH 05/23] Translate tools/starter-kits. --- content/community/tools-starter-kits.md | 55 +++++++++++++------------ 1 file changed, 29 insertions(+), 26 deletions(-) diff --git a/content/community/tools-starter-kits.md b/content/community/tools-starter-kits.md index a4e6b8150..8070f1e95 100644 --- a/content/community/tools-starter-kits.md +++ b/content/community/tools-starter-kits.md @@ -5,34 +5,37 @@ layout: community permalink: community/starter-kits.html --- -## Recommended by the React Team {#recommended-by-the-react-team} +## Recomendados pelo time do React {#recommended-by-the-react-team} -* **[Create React App](https://github.com/facebook/create-react-app)** - An officially supported way to start a client-side React project with no configuration -* **[Next.js](https://nextjs.org/)** - Framework for server-rendered or statically-exported React apps -* **[Gatsby](https://www.gatsbyjs.org/)** - Static site generator for React optimized for speed -* **[nwb](https://github.com/insin/nwb)** - A toolkit for React apps, libraries and other npm modules for the web -* **[razzle](https://github.com/jaredpalmer/razzle)** - Create server-rendered universal JavaScript applications with no configuration -* **[Neutrino](https://neutrino.js.org/)** - Create and build modern JavaScript applications with zero initial configuration -* **[Parcel](https://parceljs.org)** - Fast, zero configuration web application bundler +* **[Create React App](https://github.com/facebook/create-react-app)** - Uma maneira oficial de iniciar um projeto React do lado do cliente sem configuração. +* **[Next.js](https://nextjs.org/)** - Framework para aplicativos React renderizados por servidor ou exportados estaticamente. +* **[Gatsby](https://www.gatsbyjs.org/)** - Gerador de site estático para React otimizado para velocidade. +* **[nwb](https://github.com/insin/nwb)** - Um kit de ferramentas para aplicativos React, bibliotecas e outros módulos npm para a web. +* **[razzle](https://github.com/jaredpalmer/razzle)** - Criar aplicativos JavaScript universais renderizados pelo servidor sem configuração. +* **[Neutrino](https://neutrino.js.org/)** - Crie e construa aplicativos JavaScript modernos com configuração inicial zero. +* **[Parcel](https://parceljs.org)** - Rápido, bundler de aplicativo web de configuração zero. -## Other Starter Kits {#other-starter-kits} +## Outros kits para iniciantes {#other-starter-kits} -* **[kyt](https://github.com/nytimes/kyt)** - The framework that the New York Times uses to develop and build their web properties. It's somewhat opinionated but configurable, and includes starter kits with options to build full-stack or static/client-side apps with the following tools: Express, React, static assets, latest ES, CSS/Sass Modules, Jest, code-splitting, ESLint/Prettier, StyleLint, PostCSS, and inline SVGs. -* **[React Redux Boilerplate](https://github.com/iroy2000/react-redux-boilerplate):** React Redux Boilerplate is a workflow boilerplate providing a virtual development environment and production ready build workflow out of the box. (React, Redux, Reselect, Redux Actions, ES6, ESLint, Webpack with integrated environment config support) +* **[kyt](https://github.com/nytimes/kyt)** - O framework que o New York Times usa para desenvolver e construir suas propriedades na web. É um pouco opinativo, mas configurável e inclui kits iniciais com opções para criar aplicativos completos ou estáticos/cliente com as seguintes ferramentas: Express, React, assets estáticos, ES mais recente, módulos CSS/Sass, Jest, divisão de código, ESLint / Prettier, StyleLint, PostCSS e inline SVGs. +* **[React Redux Boilerplate](https://github.com/iroy2000/react-redux-boilerplate):** O React Redux Boilerplate é um boilerplate de fluxo de trabalho que fornece um ambiente de desenvolvimento virtual e um fluxo de trabalho pronto para produção. (React, Redux, Reselect, Ações Redux, ES6, ESLint, Webpack com suporte a configuração de ambiente integrada). * **[React + Redux + Saga Boilerplate](https://github.com/gilbarbara/react-redux-saga-boilerplate)** - -Ready to grow boilerplate with react-router, redux, saga, webpack 3, jest w/ coverage and enzyme. -* **[Create React App + Redux + React Router](https://github.com/notrab/create-react-app-redux)**: Based on Create React App, this boilerplate comes with Redux, Redux Thunk and React Router all configured ready to go. -* **[react-slingshot](https://github.com/coryhouse/react-slingshot):** React + Redux starter kit with Babel, hot reloading, testing, linting and a working example app. -* **[Este](https://github.com/este/este):** Dev stack and starter kit for functional and universal (browser, server, mobile) React applications. Everything you need to start is included. -* **[Rekit](https://github.com/supnate/rekit)** - Toolkit and boilerplates for building scalable web applications with React, Redux and React-router. -* **[webcube](https://github.com/dexteryy/Project-WebCube)** - A JS infrastructure for modern Universal JS web app/sites and static websites. Provides built-in support and simplification for Redux sub-app, reducer bundle, router, immutable, eslint + prettier, docker, monorepo and many other tools. - * **[starter-react-flux](https://github.com/SokichiFujita/starter-react-flux)** A generator for React and Flux project with Flux-Utils, Jest, Immutable.js, React Addons, Webpack, ESLint, Babel and ES2015. - * **[react-async-starter](https://github.com/didierfranc/react-async-starter):** React + Redux + Fetch + ES7 Async with Webpack, Babel and hot reloading. +Boilerplate com react-router, redux, saga, webpack 3, jest w/ coverage e enzyme. +* **[Create React App + Redux + React Router](https://github.com/notrab/create-react-app-redux)**: +Baseado no Create React App, este boilerplate vem com Redux, Redux Thunk e React Router, todos configurados prontos para serem usados. +* **[react-slingshot](https://github.com/coryhouse/react-slingshot):** +React + Redux starter kit com Babel, hot reloading, teste, linting e um aplicativo de exemplo. +* **[Este](https://github.com/este/este):** +Dev stack e starter kit para aplicativos React funcionais e universais (browser, server, mobile). Tudo que você precisa para começar está incluído. +* **[Rekit](https://github.com/supnate/rekit)** - Kit de ferramentas e padrões para a criação de aplicativos da Web escalonáveis ​​com o React, Redux e React-router. +* **[webcube](https://github.com/dexteryy/Project-WebCube)** - Uma infra-estrutura JS para aplicativos/sites modernos e sites estáticos. Fornece suporte interno e simplificação para o Redux sub-app, reducer bundle, router, imutável, eslint + prettier, docker, monorepo e muitas outras ferramentas. + * **[starter-react-flux](https://github.com/SokichiFujita/starter-react-flux)** Um gerador para o projeto React e Flux com Flux-Utils, Jest, Immutable.js, Addons React, Webpack, ESLint, Babel e ES2015. + * **[react-async-starter](https://github.com/didierfranc/react-async-starter):** React + Redux + Fetch + ES7 Assíncrono com Webpack, Babel e recarregamento a quente. * **[Kriasoft React Starter Kit](https://github.com/kriasoft/react-starter-kit):** Gulp, Webpack, BrowserSync + [React Starter Kit for Visual Studio](https://marketplace.visualstudio.com/items?itemName=KonstantinTarkus.ReactjsStarterKit) - * **[electron-react-boilerplate](https://github.com/chentsulin/electron-react-boilerplate)** A React + Flux Electron application boilerplate based on React, Flux, React Router, Webpack, React Hot Loader - * **[react-boilerplate](https://github.com/mxstbr/react-boilerplate)** Quick setup for performance orientated, offline-first React.js applications featuring Redux, hot-reloading, PostCSS, react-router, ServiceWorker, AppCache, FontFaceObserver and Mocha. - * **[vortigern](https://github.com/barbar/vortigern)** A universal boilerplate for building web applications w/ TypeScript, React, Redux and more. - * **[CRA Universal CLI](https://github.com/antonybudianto/cra-universal)** CLI to initialize universal create-react-app without ejecting. Supports Server-side rendering with Code-splitting, and Node Stream rendering. - * **[EDGE Platform](https://github.com/sebastian-software/edge)** Universal React/SSR + Apollo GraphQL + JS/CSS Code Splitting + Fine-Tuned Webpack + Localization/Internationalization. Most things are external dependencies. Boilerplate available. - * **[bae](https://github.com/siddharthkp/bae)** Zero config toolkit. SSR (with data fetching) + routing + streaming + styling (with styled-components) + HMR out of the box. - * **[breko-hub](https://github.com/tomatau/breko-hub)** A production ready boilerplate for universal react applications. Complete with code splitting, server render (using koa), redux, sagas, debugging, hot-reloading (live updates on the server), css-modules, scss, super fast integration tests and unit tests. There's also a big focus on clean code and smaller files. + * **[electron-react-boilerplate](https://github.com/chentsulin/electron-react-boilerplate)** Um boilerplate React + Flux Electron baseado em React, Flux, React Router, Webpack e React Hot Loader. + * **[react-boilerplate](https://github.com/mxstbr/react-boilerplate)** Configuração rápida para aplicativos React.js orientados para desempenho, offline-first com Redux, hot-reloading, PostCSS, react-router, ServiceWorker, AppCache, FontFaceObserver e Mocha. + * **[vortigern](https://github.com/barbar/vortigern)** Um boilerplate universal para criar aplicativos da Web com TypeScript, React, Redux e muito mais. + * **[CRA Universal CLI](https://github.com/antonybudianto/cra-universal)** CLI para inicializar o universal create-react-app sem eject. Suporta renderização do lado do servidor com divisão de código e Node Stream rendering. + * **[EDGE Platform](https://github.com/sebastian-software/edge)** Universal React / SSR + Apollo GraphQL + Separação de Código JS / CSS + Fine-Tuned Webpack + Localização / Internacionalização. A maioria das coisas são dependências externas. Boilerplate disponível. + * **[bae](https://github.com/siddharthkp/bae)** Toolkit de configuração zero. SSR (com busca de dados) + roteamento + streaming + estilização (com styled-components) + HMR fora da caixa. + * **[breko-hub](https://github.com/tomatau/breko-hub)** Um boilerplate pronto para produção para aplicações react. Completo com separação de código, server render (usando koa), redux, sagas, depuração, hot-reloading (atualizações ao vivo no servidor), css-modules, scss, testes de integração super rápidos e testes de unidade. Há também um grande foco em código limpo e arquivos menores. \ No newline at end of file From 41a6a329b25a4191bdad19e027a6813ab6c0c6e0 Mon Sep 17 00:00:00 2001 From: Cristiano Date: Mon, 25 Feb 2019 22:01:30 -0300 Subject: [PATCH 06/23] Translate community/tools-routing. --- content/community/tools-routing.md | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/content/community/tools-routing.md b/content/community/tools-routing.md index e8f37c7d1..29585f92f 100644 --- a/content/community/tools-routing.md +++ b/content/community/tools-routing.md @@ -5,14 +5,14 @@ layout: community permalink: community/routing.html --- -* **[Aviator](https://github.com/swipely/aviator)** - Aviator is a front-end router built for modular single page applications. ([Example](https://gist.github.com/hojberg/9549330)). -* **[Backbone](https://backbonejs.org/)** - Backbone supplies structure to JavaScript-heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface. -* **[component-router](https://github.com/in-flux/component-router):** Flux-based routing solution for components -* **[Director](https://github.com/flatiron/director)** - A tiny and isomorphic URL router for JavaScript. -* **[Finch](http://stoodder.github.io/finchjs/)** - A simple, yet powerful, javascript route handling library. -* **[mvc-router](https://github.com/rajeev-k/mvc-router)** Use the Model-View-Controller (MVC) pattern to build React applications. -* **[Reach Router](https://reach.tech/router)** An Accessible Router for React -* **[react-mini-router](https://github.com/larrymyers/react-mini-router)** A minimal URL router mixin. -* **[react-passage](https://github.com/dollarshaveclub/react-passage):** Passage helps when linking or redirecting to routes that may or may not be in your react app. -* **[react-router](https://github.com/rackt/react-router)** - A popular declarative router for React -* **[react-router-component](https://github.com/andreypopp/react-router-component)** Declarative routing. +* **[Aviator](https://github.com/swipely/aviator)** - Aviator é um gerenciador de rotas front-end construído para single-page applications modulares. ([Example](https://gist.github.com/hojberg/9549330)). +* **[Backbone](https://backbonejs.org/)** -O Backbone fornece estrutura para aplicativos JavaScript pesados, fornecendo modelos com ligação de chave-valor e eventos de personalização, coleções com uma API rica de funções enumeráveis, visualizações com manipulação de eventos declarativos e conecta tudo ao seu aplicativo existente por meio de uma interface JSON RESTful. +* **[component-router](https://github.com/in-flux/component-router):** Solução de roteamento para componentes baseada em flux. +* **[Director](https://github.com/flatiron/director)** - Um pequeno e e isomórfico roteador de URL para JavaScript. +* **[Finch](http://stoodder.github.io/finchjs/)** - Uma simples, mas poderosa biblioteca de manipulação de rotas javascript. +* **[mvc-router](https://github.com/rajeev-k/mvc-router)** Use o padrão Model-View-Controller (MVC) para criar aplicativos React. +* **[Reach Router](https://reach.tech/router)** Um roteador acessível para react. +* **[react-mini-router](https://github.com/larrymyers/react-mini-router)** Um pequeno mixin de roteador de URL. +* **[react-passage](https://github.com/dollarshaveclub/react-passage):** Passage ajuda à vincular ou redirecionar para rotas que podem ou não estar em seu aplicativo react. +* **[react-router](https://github.com/rackt/react-router)** - Um popular roteador declarativo para React +* **[react-router-component](https://github.com/andreypopp/react-router-component)** Roteamento declarativo. From a8c48e19f3eff357bba3fa14db375863fa770456 Mon Sep 17 00:00:00 2001 From: Cristiano Date: Mon, 25 Feb 2019 22:10:49 -0300 Subject: [PATCH 07/23] Translate community/tools-model-mgmt. --- content/community/tools-model-mgmt.md | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/content/community/tools-model-mgmt.md b/content/community/tools-model-mgmt.md index 20c49c9df..bb77511b2 100644 --- a/content/community/tools-model-mgmt.md +++ b/content/community/tools-model-mgmt.md @@ -5,16 +5,16 @@ layout: community permalink: community/model-management.html --- -* **[Alt](https://alt.js.org/):** Pure vanilla flux made isomorphic and without the boilerplate. -* **[astarisx](https://zuudo.github.io/astarisx/):** Highly Composable MVVM Framework for React with built-in pushState router. -* **[avers](https://github.com/wereHamster/avers):** A modern client-side model abstraction library. -* **[backbone-react-component](https://github.com/magalhas/backbone-react-component):** Use multiple Backbone models and collections with React components both on the client and server sides. -* **[Baobab](https://github.com/Yomguithereal/baobab):** Persistent data tree supporting cursors. -* **[cortex](https://github.com/mquan/cortex/):** A JavaScript library for centrally managing data with React. -* **[DeLorean](https://github.com/deloreanjs/delorean):** A completely agnostic JavaScript framework to apply Flux concepts into your interfaces easily. -* **[Elsa](https://github.com/JonAbrams/elsa):** A Babel plugin that makes your arrays and objects immutable by default… and gives them super powers! -* **[Immutable](https://github.com/facebook/immutable-js):** Immutable data structures designed to be more JavaScript-y than Mori. -* **[js-data](https://www.js-data.io/):** A framework-agnostic frontend datastore, that will also fetch your data. -* **[McFly](https://github.com/kenwheeler/mcfly):** A lightweight Flux library that adds factories for Stores & Actions. -* **[NuclearJS](https://github.com/optimizely/nuclear-js):** Immutable, reactive Flux architecture. UI Agnostic. -* **[Reflux](https://github.com/spoike/refluxjs):** An event-based implementation of the Flux architecture that integrates with React components. +* **[Alt](https://alt.js.org/):** Flux feito isomorficamente com javascript puro e sem boilerplate. +* **[astarisx](https://zuudo.github.io/astarisx/):** Estrutura MVVM altamente combinável para React com o roteador pushState integrado. +* **[avers](https://github.com/wereHamster/avers):** Uma moderna biblioteca de abstração de modelo do lado do cliente. +* **[backbone-react-component](https://github.com/magalhas/backbone-react-component):** Use vários modelos e coleções do Backbone com componentes do React nos lados do cliente e do servidor. +* **[Baobab](https://github.com/Yomguithereal/baobab):** Árvore de dados persistente que suporta indicadores. +* **[cortex](https://github.com/mquan/cortex/):** Uma biblioteca JavaScript para gerenciar dados centralmente com o React. +* **[DeLorean](https://github.com/deloreanjs/delorean):** Um framework JavaScript totalmente agnóstico para aplicar os conceitos do Flux em suas interfaces facilmente. +* **[Elsa](https://github.com/JonAbrams/elsa):** Um plugin Babel que torna seus arrays e objetos imutáveis ​​por padrão ... e dá a eles superpoderes! +* **[Immutable](https://github.com/facebook/immutable-js):** Estruturas de dados imutáveis ​​projetadas para serem mais JavaScript-y do que Mori. +* **[js-data](https://www.js-data.io/):** Um framework front-end agnóstico de armazenamento de dados, que também irá fazer fetch dos seus dados. +* **[McFly](https://github.com/kenwheeler/mcfly):** Uma biblioteca leve do Flux que adiciona factories para stores e actions. +* **[NuclearJS](https://github.com/optimizely/nuclear-js):** Arquitetura imutável e reativa do Flux. Interface do usuário agnóstica. +* **[Reflux](https://github.com/spoike/refluxjs):** Uma implementação baseada em eventos da arquitetura Flux que se integra aos componentes do React. From 51cbe439713f348a74352d4c46a53a2c081ceef7 Mon Sep 17 00:00:00 2001 From: Cristiano Date: Sun, 3 Mar 2019 19:25:01 -0300 Subject: [PATCH 08/23] Translate community/data-fetching.html --- content/community/tools-data-fetching.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/content/community/tools-data-fetching.md b/content/community/tools-data-fetching.md index 39b3d8f48..7bdf93627 100644 --- a/content/community/tools-data-fetching.md +++ b/content/community/tools-data-fetching.md @@ -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/):** Fácil de configurar e usar clientes GraphQL. +* **[Axios](https://github.com/mzabriskie/axios):** Cliente HTTP baseado em promessas 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. From 1b4f43886a4222fb0f6ac088117ba39e3d5fd142 Mon Sep 17 00:00:00 2001 From: Cristiano Date: Mon, 4 Mar 2019 11:06:48 -0300 Subject: [PATCH 09/23] Translate community/tools-testing. --- content/community/tools-testing.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/content/community/tools-testing.md b/content/community/tools-testing.md index 4c62ec78c..363b370e5 100644 --- a/content/community/tools-testing.md +++ b/content/community/tools-testing.md @@ -5,9 +5,9 @@ layout: community permalink: community/testing.html --- -* **[Enzyme](https://github.com/airbnb/enzyme/):** a JavaScript Testing utility for React that makes it easier to assert, manipulate, and traverse your React Components' output. -* **[Jest](https://facebook.github.io/jest/):** Delightful JavaScript testing used by Facebook to test all JavaScript code including React applications. -* **[react-testing-library](https://github.com/kentcdodds/react-testing-library):** 🐐 Simple and complete React DOM testing utilities that encourage good testing practices. -* **[React-unit](https://github.com/pzavolinsky/react-unit):** a lightweight unit test library for ReactJS with very few (js-only) dependencies. -* **[Skin-deep](https://github.com/glenjamin/skin-deep):** Testing helpers for use with React's shallowRender test utils. -* **[Unexpected-react](https://github.com/bruderstein/unexpected-react/):** Plugin for the [unexpected](https://unexpected.js.org/) assertion library that makes it easy to assert over your React Components and trigger events. +* **[Enzyme](https://github.com/airbnb/enzyme/):**um utilitário de testes JavaScript para o React que torna mais fácil fazer asserções, manipular e percorrer a saída dos componentes do React. +* **[Jest](https://facebook.github.io/jest/):** Estrutura de teste JavaScript usado pelo Facebook para testar todo o código JavaScript, incluindo os aplicativos React. +* **[react-testing-library](https://github.com/kentcdodds/react-testing-library):** 🐐 Utilitários de teste React DOM simples e completos que incentivam boas práticas de teste. +* **[React-unit](https://github.com/pzavolinsky/react-unit):** uma biblioteca de teste de unidade leve para ReactJS com muito poucas dependências (js somente). +* **[Skin-deep](https://github.com/glenjamin/skin-deep):** Auxiliares de teste para uso com os utilitários de teste shallowRender do React. +* **[Unexpected-react](https://github.com/bruderstein/unexpected-react/):** Plugin para a biblioteca de asserções [unexpected](https://unexpected.js.org/), que facilita a asserção sobre seus Componentes de Reação e aciona eventos. \ No newline at end of file From f461e5c0fb3440078a5660d78999285468874765 Mon Sep 17 00:00:00 2001 From: Cristiano Date: Mon, 4 Mar 2019 11:07:16 -0300 Subject: [PATCH 10/23] Translate community/tools-ui-components. --- content/community/tools-ui-components.md | 130 +++++++++++------------ 1 file changed, 65 insertions(+), 65 deletions(-) diff --git a/content/community/tools-ui-components.md b/content/community/tools-ui-components.md index 4179597e1..9dbc309d3 100644 --- a/content/community/tools-ui-components.md +++ b/content/community/tools-ui-components.md @@ -6,74 +6,74 @@ permalink: community/ui-components.html --- ## Free Components {#free-components} -* **[Amaze UI React](https://github.com/amazeui/amazeui-react) (in Chinese):** [Amaze UI](https://github.com/allmobilize/amazeui) components built with React. -* **[Ant Design of React](https://github.com/ant-design/ant-design)** An enterprise-class UI design language and React-based implementation. -* **[Belle](https://github.com/nikgraf/belle/):** Configurable React Components with great UX. -* **[chartify](https://github.com/kirillstepkin/chartify)**: Ultra lightweight and customizable React.js chart component. -* **[Elemental UI](http://elemental-ui.com):** A UI toolkit for React websites and apps, themeable and composed of individually packaged components -* **[Grommet](https://grommet.io/)** The most advanced open source UX framework for enterprise applications. -* **[Halogen](https://yuanyan.github.io/halogen/):** A collection of highly customizable loading spinner animations with React. +* **[Amaze UI React](https://github.com/amazeui/amazeui-react) (em Chinês):** [Amaze UI](https://github.com/allmobilize/amazeui) componentes feitos com React. +* **[Ant Design of React](https://github.com/ant-design/ant-design)** Uma linguagem de UI design baseada em React. +* **[Belle](https://github.com/nikgraf/belle/):** Componentes Configuráveis do React ​​com ótimo UX. +* **[chartify](https://github.com/kirillstepkin/chartify)**: Componente de gráfico React.js ultra leve e personalizável. +* **[Elemental UI](http://elemental-ui.com):** Um kit de ferramentas de UI para sites e aplicativos React, personalizável e composto por componentes encapsulados individualmente +* **[Grommet](https://grommet.io/)** A mais avançada estrutura de UX de código aberto para aplicativos corporativos. +* **[Halogen](https://yuanyan.github.io/halogen/):** Uma coleção de animações giratórias de carregamento altamente personalizáveis ​​com o React. * **[Khan Academy's component library](https://khan.github.io/react-components/)** -* **[markdown-to-jsx](https://www.npmjs.com/package/markdown-to-jsx)**: compiles markdown into safe React JSX without using dangerous escape hatches. -* **[Material-UI](https://material-ui.com/):** React components that implement Google's Material Design. -* **[Mobiscroll Lite for React](https://mobiscroll.com/forms/react):** A collection of 15 free UI components ranging from inputs, selects, sliders, alerts to rating. -* **[Onsen UI React Components](https://onsen.io/v2/react.html):** UI components for hybrid mobile apps with both Material Design for Android and flat design for iOS. -* **[PrimeReact](https://www.primefaces.org/primereact/):** A rich UI component suite for React featuring 70+ open source components. +* **[markdown-to-jsx](https://www.npmjs.com/package/markdown-to-jsx)**: Compila o markdown em React JSX de forma segura e sem usar escotilhas de escape perigosas. +* **[Material-UI](https://material-ui.com/):** Componentes React implementados com o material design do Google. +* **[Mobiscroll Lite for React](https://mobiscroll.com/forms/react):** Uma coleção de 15 componentes gratuitos da interface do usuário, que variam de inputs, selects, sliders, alerts e etc. +* **[Onsen UI React Components](https://onsen.io/v2/react.html):** Componentes de interface do usuário para aplicativos móveis híbridos com material design para Android e flat design para iOS. +* **[PrimeReact](https://www.primefaces.org/primereact/):** Um rico conjunto de componentes de UI para o React, com mais de 70 componentes de código aberto. * **[React Amazing Grid](https://github.com/Amazing-Space-Invader/react-amazing-grid)** Flex grid with inline styles. -* **[React Mdl](https://github.com/tleunen/react-mdl)** React Components for Material Design Lite. -* **[React Web](https://github.com/taobaofed/react-web)** A framework for building web apps with React. -* **[react-amiga-guru-meditation](https://github.com/gfazioli/react-amiga-guru-meditation):** React JS Class to display a Amiga Guru Meditation Tribute -* **[react-autosuggest](https://github.com/moroshko/react-autosuggest)** WAI-ARIA compliant React autosuggest component -* **[react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd):** Beautiful, accessible drag and drop for lists with React.js -* **[react-bootstrap](https://github.com/stevoland/react-bootstrap):** Bootstrap 3 components built with React. -* **[react-bootstrap-dialog](https://github.com/akiroom/react-bootstrap-dialog):** React Dialog component for react-bootstrap, instead of `window.alert` or `window.confirm` -* **[react-bootstrap-table2](https://github.com/react-bootstrap-table/react-bootstrap-table2):** It's a react table for Bootstrap. -* **[react-component](https://github.com/react-component/):** A collection of react components maintained by Alibaba/Alipay employee. -* **[react-data-menu](https://github.com/dkozar/react-data-menu):** Smart data-driven menu rendered in an overlay. Hints-based aligning with custom renderers and factories. Never clipped by other components or screen edges. -* **[react-date-picker](https://github.com/Hacker0x01/react-datepicker):** A simple and reusable datepicker component for React. +* **[React Mdl](https://github.com/tleunen/react-mdl)** Componentes React com Material Design Lite. +* **[React Web](https://github.com/taobaofed/react-web)** Um framework para criar aplicativos web com o React. +* **[react-amiga-guru-meditation](https://github.com/gfazioli/react-amiga-guru-meditation):** Classe React para exibir uma homenagem à meditação Amiga Guru +* **[react-autosuggest](https://github.com/moroshko/react-autosuggest)** Componentes React compatível com WAI-ARIA +* **[react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd):** Arrastar e soltar bonito e acessível para listas com o React.js +* **[react-bootstrap](https://github.com/stevoland/react-bootstrap):** Componentes React feitos com Bootstrap 3 +* **[react-bootstrap-dialog](https://github.com/akiroom/react-bootstrap-dialog):** Componente Dialog para react-bootstrap, em vez de `window.alert` ou` window.confirm` +* **[react-bootstrap-table2](https://github.com/react-bootstrap-table/react-bootstrap-table2):** É uma tabela de React para o Bootstrap. +* **[react-component](https://github.com/react-component/):** Uma coleção de componentes React mantidos pelo Alibaba / Alipay. +* **[react-data-menu](https://github.com/dkozar/react-data-menu):** Menu acionado por dados inteligente renderizado em uma sobreposição. Alinhamento baseado em sugestões com renderizadores e fábricas personalizados. Nunca cortado por outros componentes ou bordas da tela. +* **[react-date-picker](https://github.com/Hacker0x01/react-datepicker):** Um componente de datepicker simples e reutilizável para o React. * **[react-dates](https://github.com/OpusCapita/react-dates):** Date-inputs + date-picker -* **[react-dnd](https://github.com/gaearon/react-dnd)** Flexible HTML5 drag-and-drop mixin for React with full DOM control -* **[react-document-title](https://github.com/gaearon/react-document-title)** Declarative, nested, stateful, isomorphic document.title for React -* **[react-dropzone](https://github.com/felixrieseberg/React-Dropzone):** React Dropzone for File-Uploads -* **[react-forms](https://prometheusresearch.github.io/react-forms/):** Form rendering and validation for React -* **[react-highlight](https://github.com/akiran/react-highlight):** React component for syntax highlighting -* **[react-image](https://github.com/mbrevda/react-image):** Like `` and Enhanced Image Component for React. -* **[react-input-autosize](https://github.com/JedWatson/react-input-autosize):** Like `` but resizes automatically to fit all its content. -* **[react-intense](https://github.com/brycedorn/react-intense):** A component for viewing large images up close -* **[react-joyride](https://github.com/gilbarbara/react-joyride):** Create walkthroughs and guided tours for your ReactJS apps. -* **[react-ladda](https://github.com/jsdir/react-ladda):** React wrapper for Ladda buttons. -* **[react-lorem-component](https://github.com/martinandert/react-lorem-component):** Lorem Ipsum placeholder component. -* **[react-notification](https://github.com/pburtchaell/react-notification):** Snackbar style notifications -* **[react-select](https://github.com/JedWatson/react-select):** Native React Select / Multiselect input field, similar to Selectize / Chosen / Select2 -* **[react-selectize](https://furqanzafar.github.io/react-selectize/):** A stateless & flexible Select component, designed as a drop in replacement for React.DOM.Select, inspired by Selectize -* **[react-sigma](https://www.npmjs.com/package/react-sigma)**: Lightweight but powerful library for drawing network graphs -* **[react-slick](https://github.com/akiran/react-slick):** Carousel component built with React -* **[react-sparklines](https://borisyankov.github.io/react-sparklines/):** Beautiful and expressive sparklines component -* **[react-spreadsheet](https://github.com/felixrieseberg/React-Spreadsheet-Component):** React Spreadsheets / Editable tables with Excel-Style keyboard input and navigation -* **[react-switch-button](https://github.com/gfazioli/react-switch-button):** Beautiful React Switch button component -* **[react-tappable](https://github.com/JedWatson/react-tappable)** A Tappable React Component that provides native-feeling onTap events for mobile React apps -* **[react-textarea-autosize](https://github.com/andreypopp/react-textarea-autosize):** Like `