Skip to content

Commit bd41bc7

Browse files
gustafsilvaJhon Mike
authored and
Jhon Mike
committed
Translate 'Create App with No Configuration' (#202)
* Translate 'Create App with No Configuration' * Adjusting titles, words that were left with ambiguous meaning and descending spaces.
1 parent c6448e9 commit bd41bc7

File tree

1 file changed

+59
-59
lines changed

1 file changed

+59
-59
lines changed
Lines changed: 59 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -1,62 +1,62 @@
11
---
2-
title: "Create Apps with No Configuration"
2+
title: "Crie Apps Sem Configuração"
33
author: [gaearon]
44
---
55

6-
**[Create React App](https://github.com/facebookincubator/create-react-app)** is a new officially supported way to create single-page React applications. It offers a modern build setup with no configuration.
6+
**[Create React App](https://github.com/facebookincubator/create-react-app)** é a nova forma oficialmente suportada para criar aplicativos React de página única. Ele oferece um ambiente moderno sem configurações.
77

8-
## Getting Started {#getting-started}
8+
## Começando {#getting-started}
99

10-
### Installation {#installation}
10+
### Instalação {#installation}
1111

12-
First, install the global package:
12+
Primeiro, instale o pacote global:
1313

1414
```sh
1515
npm install -g create-react-app
1616
```
1717

18-
Node.js 4.x or higher is required.
18+
Node.js 4.x ou superior é nescessário.
1919

20-
### Creating an App {#creating-an-app}
20+
### Criando um App {#creating-an-app}
2121

22-
Now you can use it to create a new app:
22+
Agora você pode usá-lo para criar um novo app:
2323

2424
```sh
2525
create-react-app hello-world
2626
```
2727

28-
This will take a while as npm installs the transitive dependencies, but once it’s done, you will see a list of commands you can run in the created folder:
28+
Isso levará algum tempo, já que o npm instala as dependências transitivas, mas, depois de concluído, você verá uma lista de comandos que podem ser executados na pasta criada:
2929

30-
![created folder](../images/blog/create-apps-with-no-configuration/created-folder.png)
30+
![pasta criada](../images/blog/create-apps-with-no-configuration/created-folder.png)
3131

32-
### Starting the Server {#starting-the-server}
32+
### Iniciando o Servidor {#starting-the-server}
3333

34-
Run `npm start` to launch the development server. The browser will open automatically with the created app’s URL.
34+
Execute o `npm start` para iniciar o servidor de desenvolvimento. O navegador será aberto automaticamente com a URL do aplicativo criado.
3535

36-
![compiled successfully](../images/blog/create-apps-with-no-configuration/compiled-successfully.png)
36+
![compilado com sucesso](../images/blog/create-apps-with-no-configuration/compiled-successfully.png)
3737

38-
Create React App uses both webpack and Babel under the hood.
39-
The console output is tuned to be minimal to help you focus on the problems:
38+
Create React App usa tanto o webpack quanto o Babel por de baixo dos panos.
39+
A saída do console é ajustada para ser mínima para ajudá-lo a se concentrar nos problemas:
4040

41-
![failed to compile](../images/blog/create-apps-with-no-configuration/failed-to-compile.png)
41+
![não conseguiu compilar](../images/blog/create-apps-with-no-configuration/failed-to-compile.png)
4242

43-
ESLint is also integrated so lint warnings are displayed right in the console:
43+
O ESLint também é integrado, de modo que os avisos de lint são exibidos diretamente no console:
4444

45-
![compiled with warnings](../images/blog/create-apps-with-no-configuration/compiled-with-warnings.png)
45+
![compilado com avisos](../images/blog/create-apps-with-no-configuration/compiled-with-warnings.png)
4646

47-
We only picked a small subset of lint rules that often lead to bugs.
47+
Nós só escolhemos um pequeno subconjunto de regras de lint que muitas vezes levam a bugs.
4848

49-
### Building for Production {#building-for-production}
49+
### Contruindo para Produção {#building-for-production}
5050

51-
To build an optimized bundle, run `npm run build`:
51+
Para construir um pacote otimizado, execute `npm run build`:
5252

5353
![npm run build](../images/blog/create-apps-with-no-configuration/npm-run-build.png)
5454

55-
It is minified, correctly envified, and the assets include content hashes for caching.
55+
Ele é minificado, montado corretamente e os recursos incluem hashes de conteúdo para armazenamento em cache.
5656

57-
### One Dependency {#one-dependency}
57+
### Uma Dependência {#one-dependency}
5858

59-
Your `package.json` contains only a single build dependency and a few scripts:
59+
Seu `package.json` contém apenas uma única dependência de compilação e alguns scripts:
6060

6161
```js
6262
{
@@ -76,11 +76,11 @@ Your `package.json` contains only a single build dependency and a few scripts:
7676
}
7777
```
7878

79-
We take care of updating Babel, ESLint, and webpack to stable compatible versions so you can update a single dependency to get them all.
79+
Nós cuidamos de atualizar o Babel, o ESLint e o Webpack para versões compatíveis estáveis, para que você possa atualizar uma única dependência para obter todas elas.
8080

81-
### Zero Configuration {#zero-configuration}
81+
### Configuração Zero {#zero-configuration}
8282

83-
It is worth repeating: there are no configuration files or complicated folder structures. The tool only generates the files you need to build your app.
83+
Vale a pena repetir: não há arquivos de configuração ou estruturas de pastas complicadas. A ferramenta gera apenas os arquivos necessários para você criar seu aplicativo.
8484

8585
```
8686
hello-world/
@@ -97,68 +97,68 @@ hello-world/
9797
logo.svg
9898
```
9999

100-
All the build settings are preconfigured and can’t be changed. Some features, such as testing, are currently missing. This is an intentional limitation, and we recognize it might not work for everybody. And this brings us to the last point.
100+
Todas as configurações de criação são pré-configuradas e não podem ser alteradas. Alguns recursos, como testes, estão ausentes no momento. Esta é uma limitação intencional e reconhecemos que pode não funcionar para todos. E isso nos leva ao último ponto.
101101

102-
### No Lock-In {#no-lock-in}
102+
### Sem Bloqueio {#no-lock-in}
103103

104-
We first saw this feature in [Enclave](https://github.com/eanplatter/enclave), and we loved it. We talked to [Ean](https://twitter.com/EanPlatter), and he was excited to collaborate with us. He already sent a few pull requests!
104+
Nós vimos esse recurso pela primeira vez em [Enclave](https://github.com/eanplatter/enclave), e nós adoramos. Nós conversamos com [Ean](https://twitter.com/EanPlatter), e ele estava animado para colaborar conosco. Ele já enviou alguns pull requests!
105105

106-
“Ejecting” lets you leave the comfort of Create React App setup at any time. You run a single command, and all the build dependencies, configs, and scripts are moved right into your project. At this point you can customize everything you want, but effectively you are forking our configuration and going your own way. If you’re experienced with build tooling and prefer to fine-tune everything to your taste, this lets you use Create React App as a boilerplate generator.
106+
"Ejetar" permite que você deixe o conforto da configuração do Create React App a qualquer momento. Você executa um único comando e todas as dependências, configurações e scripts de compilação são movidos diretamente para o seu projeto. Neste ponto, você pode personalizar tudo o que quiser, mas efetivamente você está bifurcando nossa configuração e seguindo seu próprio caminho. Se você tem experiência com ferramentas de construção e prefere ajustar tudo ao seu gosto, isso permite usar o Create React App como um gerador geral.
107107

108-
We expect that at early stages, many people will “eject” for one reason or another, but as we learn from them, we will make the default setup more and more compelling while still providing no configuration.
108+
Esperamos que, nos estágios iniciais, muitas pessoas “ejetem” por um motivo ou outro, mas à medida que aprendermos com elas, tornaremos a configuração padrão cada vez mais atraente, sem fornecer configuração.
109109

110-
## Try It Out! {#try-it-out}
110+
## Experimente! {#try-it-out}
111111

112-
You can find [**Create React App**](https://github.com/facebookincubator/create-react-app) with additional instructions on GitHub.
112+
Você pode encontrar o [**Create React App**](https://github.com/facebookincubator/create-react-app) com instruções adicionais sobre o GitHub.
113113

114-
This is an experiment, and only time will tell if it becomes a popular way of creating and building React apps, or fades into obscurity.
114+
Este é um experimento, e só o tempo dirá se ele irá se torna uma maneira popular de criar aplicativos React ou desaparecer na obscuridade.
115115

116-
We welcome you to participate in this experiment. Help us build the React tooling that more people can use. We are always [open to feedback](https://github.com/facebookincubator/create-react-app/issues/11).
116+
Convidamos você a participar desta experiência. Ajude-nos a construir o conjunto de ferramentas React que mais pessoas podem usar. Estamos sempre [abertos ao feedback](https://github.com/facebookincubator/create-react-app/issues/11).
117117

118-
## The Backstory {#the-backstory}
118+
## A História por Trás {#the-backstory}
119119

120-
React was one of the first libraries to embrace transpiling JavaScript. As a result, even though you can [learn React without any tooling](https://github.com/facebook/react/blob/3fd582643ef3d222a00a0c756292c15b88f9f83c/examples/basic-jsx/index.html), the React ecosystem has commonly become associated with an overwhelming explosion of tools.
120+
O React foi uma das primeiras bibliotecas a adotar o JavaScript transpilado. Como resultado, mesmo que você possa [aprender React sem qualquer ferramenta](https://github.com/facebook/react/blob/3fd582643ef3d222a00a0c756292c15b88f9f83c/examples/basic-jsx/index.html), o ecossistema React se tornou comumente associado com uma esmagadora explosão de ferramentas.
121121

122-
Eric Clemmons called this phenomenon the “[JavaScript Fatigue](https://medium.com/@ericclemmons/javascript-fatigue-48d4011b6fc4):
122+
Eric Clemmons chamou esse fenômeno de "[JavaScript fadiga](https://medium.com/@ericclemmons/javascript-fatigue-48d4011b6fc4)":
123123

124-
>Ultimately, the problem is that by choosing React (and inherently JSX), you’ve unwittingly opted into a confusing nest of build tools, boilerplate, linters, & time-sinks to deal with before you ever get to create anything.
124+
> Em última análise, o problema é que, escolhendo React (e inerentemente JSX), você inadvertidamente optou por um ninho confuso de ferramentas de construção, boilerplate, linters e time-pinks para lidar antes mesmo de criar algo.
125125
126-
It is tempting to write code in ES2015 and JSX. It is sensible to use a bundler to keep the codebase modular, and a linter to catch the common mistakes. It is nice to have a development server with fast rebuilds, and a command to produce optimized bundles for production.
126+
É tentador escrever código no ES2015 e no JSX. É sensato usar um bundler para manter a base de código modular e um linter para capturar os erros comuns. É bom ter um servidor de desenvolvimento com reconstruções rápidas e um comando para produzir pacotes otimizados para produção.
127127

128-
Combining these tools requires some experience with each of them. Even so, it is far too easy to get dragged into fighting small incompatibilities, unsatisfied peerDependencies, and illegible configuration files.
128+
Combinar essas ferramentas requer alguma experiência com cada uma delas. Mesmo assim, é muito fácil ser arrastado para combater pequenas incompatibilidades, peerDependencies não-satisfeitas e arquivos de configuração ilegíveis.
129129

130-
Many of those tools are plugin platforms and don’t directly acknowledge each other’s existence. They leave it up to the users to wire them together. The tools mature and change independently, and tutorials quickly get out of date.
130+
Muitas dessas ferramentas são plataformas de plugins e não reconhecem diretamente a existência umas das outras. Eles deixam para os usuários conectá-los juntos. As ferramentas amadurecem e mudam de forma independente, e os tutoriais ficam rapidamente desatualizados.
131131

132-
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Marc was almost ready to implement his &quot;hello world&quot; React app <a href="https://t.co/ptdg4yteF1">pic.twitter.com/ptdg4yteF1</a></p>&mdash; Thomas Fuchs (@thomasfuchs) <a href="https://twitter.com/thomasfuchs/status/708675139253174273">March 12, 2016</a></blockquote>
132+
<blockquote class="twitter-tweet" data-lang="pt"><p lang="pt" dir="ltr"> Marc estava quase pronto para implementar o seu &quot;hello world&quot; Aplicativo React <a href="https://t.co/ptdg4yteF1">pic.twitter.com/ptdg4yteF1</a></p> &mdash; Thomas Fuchs (@thomasfuchs) <a href="https://twitter.com/thomasfuchs/status/708675139253174273"> 12 de março de 2016 </a></blockquote>
133133

134-
This doesn’t mean those tools aren’t great. To many of us, they have become indispensable, and we very much appreciate the effort of their maintainers. They already have too much on their plates to worry about the state of the React ecosystem.
134+
Isso não significa que essas ferramentas não sejam ótimas. Para muitos de nós, eles se tornaram indispensáveis, e nós apreciamos muito o esforço de seus mantenedores. Eles já têm muito em seus pratos para se preocupar com o estado do ecossistema React.
135135

136-
Still, we knew it was frustrating to spend days setting up a project when all you wanted was to learn React. We wanted to fix this.
136+
Mesmo assim, sabíamos que era frustrante passar dias montando um projeto quando tudo que você queria era aprender React. Nós queríamos consertar isso.
137137

138-
## Could We Fix This? {#could-we-fix-this}
138+
## Poderíamos Corrigir Isso? {#could-we-fix-this}
139139

140-
We found ourselves in an unusual dilemma.
140+
Nós nos encontramos em um dilema incomum.
141141

142-
So far, [our strategy](/docs/design-principles.html#dogfooding) has been to only release the code that we are using at Facebook. This helped us ensure that every project is battle-tested and has clearly defined scope and priorities.
142+
Até agora, [nossa estratégia](/docs/design-principles.html#dogfooding) foi apenas liberar o código que estamos usando no Facebook. Isso nos ajudou a garantir que todos os projetos sejam testados em batalha e tenham um escopo e prioridades claramente definidos.
143143

144-
However, tooling at Facebook is different than at many smaller companies. Linting, transpilation, and packaging are all handled by powerful remote development servers, and product engineers don’t need to configure them. While we wish we could give a dedicated server to every user of React, even Facebook cannot scale that well!
144+
No entanto, ferramentas no Facebook é diferente do que em muitas empresas menores. O linting, o transpilation e o empacotamento são todos gerenciados por poderosos servidores remotos de desenvolvimento, e os engenheiros de produtos não precisam configurá-los. Apesar de desejarmos dar um servidor dedicado a todos os usuários do React, mesmo o Facebook não pode escalar tão bem!
145145

146-
The React community is very important to us. We knew that we couldn’t fix the problem within the limits of our open source philosophy. This is why we decided to make an exception, and to ship something that we didn’t use ourselves, but that we thought would be useful to the community.
146+
A comunidade React é muito importante para nós. Sabíamos que não poderíamos resolver o problema dentro dos limites da nossa filosofia de código aberto. É por isso que decidimos abrir uma exceção e enviar algo que não usamos, mas achamos que seria útil para a comunidade.
147147

148-
## The Quest for a React <abbr title="Command Line Interface">CLI</abbr> {#the-quest-for-a-react-abbr-titlecommand-line-interfacecliabbr}
148+
## A Busca por um React <abbr title="Interface de Linha de Comando">CLI</abbr> {#the-quest-for-a-react-abbr-titlecommand-line-interfacecliabbr}
149149

150-
Having just attended [EmberCamp](http://embercamp.com/) a week ago, I was excited about [Ember CLI](https://ember-cli.com/). Ember users have a great “getting started” experience thanks to a curated set of tools united under a single command-line interface. I have heard similar feedback about [Elm Reactor](https://github.com/elm-lang/elm-reactor).
150+
Tendo acabado de assistir a [EmberCamp](http://embercamp.com/) há uma semana, fiquei animado com [Ember CLI](https://ember-cli.com/). Os usuários da Ember têm uma ótima experiência de "introdução" graças a um conjunto de ferramentas unidas sob uma única interface de linha de comando. Eu ouvi comentários semelhantes sobre [Elm Reactor](https://github.com/elm-lang/elm-reactor).
151151

152-
Providing a cohesive curated experience is valuable by itself, even if the user could in theory assemble those parts themselves. Kathy Sierra [explains it best](http://seriouspony.com/blog/2013/7/24/your-app-makes-me-fat):
152+
Proporcionar uma experiência coesa e curada é valioso por si só, mesmo que o usuário possa, em teoria, montar essas partes. Kathy Sierra [explica melhor](http://seriouspony.com/blog/2013/7/24/your-app-makes-me-fat):
153153

154154
>If your UX asks the user to make *choices*, for example, even if those choices are both clear and useful, the act of *deciding* is a cognitive drain. And not just *while* they’re deciding... even *after* we choose, an unconscious cognitive background thread is slowly consuming/leaking resources, “Was *that* the right choice?”
155155
156-
I never tried to write a command-line tool for React apps, and neither has [Christopher](https://twitter.com/vjeux). We were chatting on Messenger about this idea, and we decided to work together on it for a week as a hackathon project.
156+
Eu nunca tentei escrever uma ferramenta de linha de comando para aplicativos React, e nem [Christopher](https://twitter.com/vjeux). Estávamos conversando sobre o Messenger sobre essa ideia e decidimos trabalhar juntos por uma semana como um projeto de hackathon.
157157

158-
We knew that such projects traditionally haven’t been very successful in the React ecosystem. Christopher told me that multiple “React CLI” projects have started and failed at Facebook. The community tools with similar goals also exist, but so far they have not yet gained enough traction.
158+
Sabíamos que tais projetos tradicionalmente não tiveram muito sucesso no ecossistema React. Christopher me disse que vários projetos “React CLI” começaram e falharam no Facebook. As ferramentas da comunidade com objetivos similares também existem, mas até agora elas ainda não ganharam tração suficiente.
159159

160-
Still, we decided it was worth another shot. Christopher and I created a very rough proof of concept on the weekend, and [Kevin](https://twitter.com/lacker) soon joined us.
160+
Ainda assim, decidimos que valeria outra chance. Christopher e eu criamos uma prova de conceito muito difícil no fim de semana, e [Kevin](https://twitter.com/lacker) logo se juntou a nós.
161161

162-
We invited some of the community members to collaborate with us, and we have spent this week working on this tool. We hope that you’ll enjoy using it! [Let us know what you think.](https://github.com/facebookincubator/create-react-app/issues/11)
162+
Convidamos alguns membros da comunidade para colaborar conosco e passamos essa semana trabalhando nessa ferramenta. Esperamos que você goste de usá-lo! [Deixe-nos saber o que você pensa.](https://github.com/facebookincubator/create-react-app/issues/11)
163163

164-
We would like to express our gratitude to [Max Stoiber](https://twitter.com/mxstbr), [Jonny Buchanan](https://twitter.com/jbscript), [Ean Platter](https://twitter.com/eanplatter), [Tyler McGinnis](https://github.com/tylermcginnis), [Kent C. Dodds](https://github.com/kentcdodds), and [Eric Clemmons](https://twitter.com/ericclemmons) for their early feedback, ideas, and contributions.
164+
Gostaríamos de expressar nossa gratidão a [Max Stoiber](https://twitter.com/mxstbr), [Jonny Buchanan](https://twitter.com/jbscript), [Ean Platter](https://twitter.com/eanplatter), [Tyler McGinnis](https://github.com/tylermcginnis), [Kent C. Dodds](https://github.com/kentcdodds) e [Eric Clemmons](https://twitter.com/ericclemmons) pelo feedback, ideias e contribuições iniciais.

0 commit comments

Comments
 (0)