Skip to content

Commit

Permalink
first version
Browse files Browse the repository at this point in the history
  • Loading branch information
WeslleyNasRocha committed Mar 11, 2019
1 parent 7dde090 commit a4c1713
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 10 deletions.
18 changes: 9 additions & 9 deletions content/docs/faq-internals.md
Original file line number Diff line number Diff line change
@@ -1,23 +1,23 @@
---
id: faq-internals
title: Virtual DOM and Internals
title: DOM Virtual e Objetos Internos
permalink: docs/faq-internals.html
layout: docs
category: FAQ
---

### What is the Virtual DOM? {#what-is-the-virtual-dom}
### Oque é um DOM Virtual?

The virtual DOM (VDOM) is a programming concept where an ideal, or "virtual", representation of a UI is kept in memory and synced with the "real" DOM by a library such as ReactDOM. This process is called [reconciliation](/docs/reconciliation.html).
O DOM Virtual (VDOM) é um conceito de programação onde uma representação ideal, ou "virtual", da interface do usuário é mantida em memória e sincronizada com o DOM "real" por uma biblioteca como o ReactDOM. Esse processo é chamado de [reconciliação](/docs/reconciliation.html).

This approach enables the declarative API of React: You tell React what state you want the UI to be in, and it makes sure the DOM matches that state. This abstracts out the attribute manipulation, event handling, and manual DOM updating that you would otherwise have to use to build your app.
Essa aproximação permite a API declarativa do React: Você diz ao React qual o state que você quer que a interface do usuário esteja, e ele garante que o DOM seja igual ao state. Isso abstrai a manipulação de atributos, handling de eventos e atualização manual do DOM que, caso ao contrario, você teria que usar para construir o seu app.

Since "virtual DOM" is more of a pattern than a specific technology, people sometimes say it to mean different things. In React world, the term "virtual DOM" is usually associated with [React elements](/docs/rendering-elements.html) since they are the objects representing the user interface. React, however, also uses internal objects called "fibers" to hold additional information about the component tree. They may also be considered a part of "virtual DOM" implementation in React.
Desde que o "DOM virtual" é mais um padrão do que uma tecnologia específica, as pessoas às vezes o citam para significar coisas diferentes. No mundo do React, o termo "DOM virtual" é geralmente associado aos [Elementos do React](/docs/rendering-elements.html) uma vez que eles são objetos representando a interface do usuário. O React, contudo, também usa objetos internos chamados "fibers" para segurar informações adicionais sobre a árvore de componentes. Eles também podem ser considerados parte da implementação do "DOM virtual" no React.

### Is the Shadow DOM the same as the Virtual DOM? {#is-the-shadow-dom-the-same-as-the-virtual-dom}
### O Shadow DOM é a mesma coisa que o DOM Virtual? {#is-the-shadow-dom-the-same-as-the-virtual-dom}

No, they are different. The Shadow DOM is a browser technology designed primarily for scoping variables and CSS in web components. The virtual DOM is a concept implemented by libraries in JavaScript on top of browser APIs.
Não, eles são diferentes. O Shadow DOM é uma tecnológica do navegador desenhada principalmente para escopar variáveis e CSS em componentes web. O DOM virtual é um conceito implementado por bibliotecas em JavaScript em cima das APIs do navegador.

### What is "React Fiber"? {#what-is-react-fiber}
### O que é "React Fiber"? {#what-is-react-fiber}

Fiber is the new reconciliation engine in React 16. Its main goal is to enable incremental rendering of the virtual DOM. [Read more](https://github.com/acdlite/react-fiber-architecture).
Fiber é um novo motor de reconciliação no React 16. Seu objetivo principal é habilitar renderização incremental no DOM virtual. [Leia mais](https://github.com/acdlite/react-fiber-architecture).
2 changes: 1 addition & 1 deletion content/docs/nav.yml
Original file line number Diff line number Diff line change
Expand Up @@ -150,4 +150,4 @@
- id: faq-versioning
title: Política de Versão
- id: faq-internals
title: Virtual DOM e Internos
title: DOM Virtual e Objetos Internos

0 comments on commit a4c1713

Please sign in to comment.