Skip to content
Open
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
4 changes: 2 additions & 2 deletions src/content/learn/thinking-in-react.md
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ Agora que você identificou os componentes no mockup, organize-os em uma hierarq

Agora que você tem sua hierarquia de componentes, é hora de implementar sua aplicação. A abordagem mais direta é construir uma versão que renderiza a UI a partir do seu modelo de dados sem adicionar qualquer interatividade... ainda! É frequentemente mais fácil construir a versão estática primeiro e adicionar interatividade depois. Construir uma versão estática requer muito digitação e nenhum pensamento, mas adicionar interatividade requer muito pensamento e pouca digitação.

Para construir uma versão estática de sua aplicação que renderiza seu modelo de dados, você vai querer construir [componentes](/learn/your-first-component) que reutilizam outros componentes e passam dados usando [props.](/learn/passing-props-to-a-component) Props são uma forma de passar dados de pai para filho. (Se você está familiarizado com o conceito de [state](/learn/state-a-components-memory), não use state de forma alguma para construir esta versão estática. State é reservado apenas para interatividade, ou seja, dados that change over time. Como esta é uma versão estática da aplicação, você não precisa dele.)
Para construir uma versão estática de sua aplicação que renderiza seu modelo de dados, você vai querer construir [componentes](/learn/your-first-component) que reutilizam outros componentes e passam dados usando [props.](/learn/passing-props-to-a-component) Props são uma forma de passar dados de pai para filho. (Se você está familiarizado com o conceito de [state](/learn/state-a-components-memory), não use state de forma alguma para construir esta versão estática. State é reservado apenas para interatividade, ou seja, dados que mudam ao longo to tempo. Como esta é uma versão estática da aplicação, você não precisa dele.)

Você pode construir "de cima para baixo" começando com a construção dos componentes mais altos na hierarquia (como `FilterableProductTable`) ou "de baixo para cima" trabalhando a partir de componentes mais baixos (como `ProductRow`). Em exemplos mais simples, é geralmente mais fácil ir de cima para baixo, e em projetos maiores, é mais fácil ir de baixo para cima.

Expand Down Expand Up @@ -659,4 +659,4 @@ Você pode aprender tudo sobre manipulação de eventos e atualização de state

## Para onde ir daqui {/*where-to-go-from-here*/}

Esta foi uma introdução muito breve sobre como pensar sobre construir componentes e aplicações com React. Você pode [iniciar um projeto React](/learn/installation) agora mesmo ou [mergulhar mais fundo em toda a sintaxe](/learn/describing-the-ui) usada neste tutorial.
Esta foi uma introdução muito breve sobre como pensar sobre construir componentes e aplicações com React. Você pode [iniciar um projeto React](/learn/installation) agora mesmo ou [mergulhar mais fundo em toda a sintaxe](/learn/describing-the-ui) usada neste tutorial.