Skip to content

Fix some link translations in initial PR's #58

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Feb 10, 2019
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions content/docs/faq-ajax.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,15 +6,15 @@ layout: docs
category: FAQ
---

### Como fazer uma requisição AJAX? {#como-fazer-uma-requisicao-ajax}
### Como fazer uma requisição AJAX? {#how-can-i-make-an-ajax-call}

Você pode usar qualquer biblioteca AJAX que desejar com React. Algumas populares são [Axios](https://github.com/axios/axios), [jQuery AJAX](https://api.jquery.com/jQuery.ajax/), e o nativo do navegador [window.fetch](https://developer.mozilla.org/pt-BR/docs/Web/API/Fetch_API).

### Onde eu devo fazer uma requisição AJAX no ciclo de vida do componente? {#onde-eu-devo-fazer-uma-requisicao-ajax-no-ciclo-de-vida-do-componente}
### Onde eu devo fazer uma requisição AJAX no ciclo de vida do componente? {#where-in-the-component-lifecycle-should-i-make-an-ajax-call}

Você deve preencher dados com requisições AJAX no método [`componentDidMount`](/docs/react-component.html#mounting) do ciclo de vida. Isto é para que você consiga usar `setState` para atualizar seu componente quando os dados forem recebidos.

### Exemplo: Usando resultados AJAX para definir o estado local {#exemplo-usando-ajax-para-definir-o-estado-local}
### Exemplo: Usando resultados AJAX para definir o estado local {#example-using-ajax-results-to-set-local-state}

O componente abaixo demonstra como deve fazer uma requisição AJAX no `componentDidMount` para preencher o estado (state) local.

Expand Down
6 changes: 3 additions & 3 deletions content/docs/faq-build.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,15 +6,15 @@ layout: docs
category: FAQ
---

### Eu preciso usar JSX com React? {#eu-preciso-usar-jsx-com-react}
### Eu preciso usar JSX com React? {#do-i-need-to-use-jsx-with-react}

Não! Confira ["React Sem JSX"](/docs/react-without-jsx.html) para saber mais.

### Eu preciso usar ES6 (+) com React? {#eu-preciso-usar-es6--com-react}
### Eu preciso usar ES6 (+) com React? {#do-i-need-to-use-es6--with-react}

Não! Confira ["React Sem ES6"](/docs/react-without-es6.html) para saber mais.

### Como posso escrever comentários em JSX? {#como-posso-escrever-comentarios-em-jsx}
### Como posso escrever comentários em JSX? {#how-can-i-write-comments-in-jsx}

```jsx
<div>
Expand Down
12 changes: 6 additions & 6 deletions content/docs/lists-and-keys.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ Esse código imprime `[2, 4, 6, 8, 10]` no console.

No React, transformar arrays em listas de [elementos](/docs/rendering-elements.html) é praticamente idêntico a isso.

### Renderizando Múltiplos Componentes {#renderizando-multiplos-componentes}
### Renderizando Múltiplos Componentes {#rendering-multiple-components}

Você pode criar coleções de elementos e [adicioná-los no JSX](/docs/introducing-jsx.html#embedding-expressions-in-jsx) usando chaves `{}`.

Expand All @@ -46,7 +46,7 @@ ReactDOM.render(

Esse código mostra uma lista não ordenada de números entre 1 e 5.

### Componente de Lista Básico {#componente-de-lista-basico}
### Componente de Lista Básico {#basic-list-component}

Geralmente você irá renderizar listas dentro de um [componente](/docs/components-and-props.html).

Expand Down Expand Up @@ -96,7 +96,7 @@ ReactDOM.render(

[**Experimente no CodePen**](https://codepen.io/gaearon/pen/jrXYRR?editors=0011)

## Chaves {#chaves}
## Chaves {#keys}

As chaves ajudam o React a identificar quais itens sofreram alterações, foram adicionados ou removidos. As chaves devem ser atribuídas aos elementos dentro do array para dar uma identidade estável aos elementos:

Expand Down Expand Up @@ -134,7 +134,7 @@ Não recomendamos o uso de índices para chave se a ordem dos itens pode ser alt

Aqui você poderá ver [uma explicação aprofundada sobre o porquê o uso das chaves é necessário](/docs/reconciliation.html#recursing-on-children) caso você esteja interessado em aprender mais sobre isso.

### Extraindo Componentes com Chaves {#extraindo-componentes-com-chaves}
### Extraindo Componentes com Chaves {#extracting-components-with-keys}

As chaves apenas fazem sentido no contexto do array que está encapsulando os itens.

Expand Down Expand Up @@ -206,7 +206,7 @@ ReactDOM.render(

Por via de regra, os elementos dentro de uma função `map()` devem especificar chaves.

### Chaves devem ser Únicas apenas entre Elementos Irmãos {#chaves-devem-ser-unicas-apenas-entre-elementos-irmaos}
### Chaves devem ser Únicas apenas entre Elementos Irmãos {#keys-must-only-be-unique-among-siblings}

Chaves usadas nos arrays devem ser únicas entre seus elementos irmãos. Contudo elas não precisam ser únicas globalmente. Podemos usar as mesmas chaves ao criar dois arrays diferentes:

Expand Down Expand Up @@ -261,7 +261,7 @@ const content = posts.map((post) =>

No exemplo acima, o componente `Post` pode acessar `props.id`. Mas, não pode acessar `props.key`.

### Incluindo map() no JSX {#incluindo-map-no-jsx}
### Incluindo map() no JSX {#embedding-map-in-jsx}

Nos exemplos acima declaramos uma variável `listItems` separada e adicionamos ela no JSX:

Expand Down
4 changes: 2 additions & 2 deletions content/docs/web-components.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ React e [Componentes Web](https://developer.mozilla.org/pt-BR/docs/Web/Web_Compo

A maioria das pessoas que usam o React não usam Componentes Web. Mas, talvez você queira, especialmente se você estiver utilizando componentes de UI de terceiros que foram escritos utilizando Componentes Web.

## Usando Componentes Web no React {#usando-componentes-web-no-react}
## Usando Componentes Web no React {#using-web-components-in-react}

```javascript
class HelloMessage extends React.Component {
Expand Down Expand Up @@ -40,7 +40,7 @@ function BrickFlipbox() {
}
```

## Usando React nos seus Componentes Web {#usando-react-nos-seus-componentes-web}
## Usando React nos seus Componentes Web {#using-react-in-your-web-components}

```javascript
class XSearch extends HTMLElement {
Expand Down