diff --git a/src/content/blog/index.md b/src/content/blog/index.md index 245559028..432f5a357 100644 --- a/src/content/blog/index.md +++ b/src/content/blog/index.md @@ -1,93 +1,91 @@ --- -title: React Blog +title: Blog do React --- -This blog is the official source for the updates from the React team. Anything important, including release notes or deprecation notices, will be posted here first. You can also follow the [@reactjs](https://twitter.com/reactjs) account on Twitter, but you won’t miss anything essential if you only read this blog. +Este blog é a fonte oficial para as atualizações da equipe do React. Qualquer coisa importante, incluindo notas de lançamento ou avisos de descontinuação, será postada aqui primeiro. Você também pode seguir a conta [@reactjs](https://twitter.com/reactjs) no Twitter, mas você não perderá nada essencial se apenas ler este blog.
- + -In the React 19 Beta Upgrade Guide, we shared step-by-step instructions for upgrading your app to React 19 Beta. In this post, we'll give an overview of the new features in React 19, and how you can adopt them. +No Guia de Atualização do React 19 Beta, compartilhamos instruções passo a passo para atualizar seu aplicativo para o React 19 Beta. Neste post, forneceremos uma visão geral dos novos recursos no React 19 e como você pode adotá-los. - + -The improvements added to React 19 require some breaking changes, but we've worked to make the upgrade as smooth as possible and we don't expect the changes to impact most apps. In this post, we will guide you through the steps for upgrading libraries to React 19 beta. +As melhorias adicionadas ao React 19 requerem algumas alterações incompatíveis, mas trabalhamos para tornar a atualização o mais tranquila possível e não esperamos que as mudanças impactem a maioria dos aplicativos. Neste post, iremos guiá-lo pelas etapas para atualizar bibliotecas para o React 19 beta. - + -In React Labs posts, we write about projects in active research and development. Since our last update, we've made significant progress on React Compiler, new features, and React 19, and we'd like to share what we learned. +Nos posts do React Labs, escrevemos sobre projetos em pesquisa e desenvolvimento ativo. Desde nossa última atualização, fizemos progressos significativos no Compilador React, novos recursos e no React 19, e gostaríamos de compartilhar o que aprendemos. - + -Traditionally, new React features used to only be available at Meta first, and land in the open source releases later. We'd like to offer the React community an option to adopt individual new features as soon as their design is close to final--similar to how Meta uses React internally. We are introducing a new officially supported Canary release channel. It lets curated setups like frameworks decouple adoption of individual React features from the React release schedule. +Tradicionalmente, novos recursos do React costumavam estar disponíveis primeiro na Meta e depois nas versões de código aberto. Gostaríamos de oferecer à comunidade React uma opção para adotar recursos novos individuais assim que seu design estiver próximo do final - semelhante ao que a Meta utiliza com o React internamente. Estamos introduzindo um novo canal de lançamento Canary oficialmente suportado. Isso permite que configurações curadas, como frameworks, desacoplem a adoção de recursos individuais do React do cronograma de lançamentos do React. - + -In React Labs posts, we write about projects in active research and development. Since our last update, we've made significant progress on React Server Components, Asset Loading, Optimizing Compiler, Offscreen Rendering, and Transition Tracing, and we'd like to share what we learned. +Nos posts do React Labs, escrevemos sobre projetos em pesquisa e desenvolvimento ativo. Desde nossa última atualização, fizemos progressos significativos nos Componentes do Servidor React, Carregamento de Ativos, Otimização do Compilador, Renderização Fora da Tela e Rastreio de Transições, e gostaríamos de compartilhar o que aprendemos. + - - -Today we are thrilled to launch react.dev, the new home for React and its documentation. In this post, we would like to give you a tour of the new site. +Hoje estamos empolgados em lançar o react.dev, o novo lar do React e sua documentação. Neste post, gostaríamos de mostrar a você um tour pelo novo site. - - -React 18 was years in the making, and with it brought valuable lessons for the React team. Its release was the result of many years of research and exploring many paths. Some of those paths were successful; many more were dead-ends that led to new insights. One lesson we’ve learned is that it’s frustrating for the community to wait for new features without having insight into these paths that we’re exploring... + +O React 18 levou anos para ser desenvolvido, e com ele trouxe lições valiosas para a equipe do React. Seu lançamento foi o resultado de muitos anos de pesquisa e exploração de muitos caminhos. Alguns desses caminhos foram bem-sucedidos; muitos mais foram becos sem saída que levaram a novas percepções. Uma lição que aprendemos é que é frustrante para a comunidade esperar por novos recursos sem ter uma visão desses caminhos que estamos explorando... - -React 18 is now available on npm! In our last post, we shared step-by-step instructions for upgrading your app to React 18. In this post, we’ll give an overview of what’s new in React 18, and what it means for the future... + +React 18 já está disponível no npm! No nosso último post, compartilhamos instruções passo a passo para atualizar seu aplicativo para o React 18. Neste post, daremos uma visão geral do que há de novo no React 18 e o que isso significa para o futuro... - -As we shared in the release post, React 18 introduces features powered by our new concurrent renderer, with a gradual adoption strategy for existing applications. In this post, we will guide you through the steps for upgrading to React 18... + +Como compartilhamos no post de lançamento, o React 18 introduz recursos potencializados pelo nosso novo renderizador concorrente, com uma estratégia de adoção gradual para aplicativos existentes. Neste post, iremos guiá-lo pelas etapas para atualizar para o React 18... - -Last week we hosted our 6th React Conf. In previous years, we’ve used the React Conf stage to deliver industry changing announcements such as React Native and React Hooks. This year, we shared our multi-platform vision for React, starting with the release of React 18 and gradual adoption of concurrent features... + +Na semana passada, realizamos o nosso 6º React Conf. Em anos anteriores, usamos o palco do React Conf para entregar anúncios que mudaram a indústria, como React Native e React Hooks. Este ano, compartilhamos nossa visão multiplataforma para o React, começando com o lançamento do React 18 e a adoção gradual de recursos concorrentes... - -The React team is excited to share a few updates: + +A equipe do React está empolgada em compartilhar algumas atualizações: -- We’ve started work on the React 18 release, which will be our next major version. -- We’ve created a Working Group to prepare the community for gradual adoption of new features in React 18. -- We’ve published a React 18 Alpha so that library authors can try it and provide feedback... +- Começamos a trabalhar no lançamento do React 18, que será nossa próxima versão principal. +- Criamos um Grupo de Trabalho para preparar a comunidade para a adoção gradual de novos recursos no React 18. +- Publicamos um Alpha do React 18 para que autores de bibliotecas possam experimentá-lo e fornecer feedback... - -2020 has been a long year. As it comes to an end we wanted to share a special Holiday Update on our research into zero-bundle-size React Server Components. To introduce React Server Components, we have prepared a talk and a demo. If you want, you can check them out during the holidays, or later when work picks back up in the new year... + +2020 foi um ano longo. À medida que seu término se aproxima, queremos compartilhar uma Atualização Especial de Fim de Ano sobre nossa pesquisa em Componentes do Servidor React com zero-bundle-size. Para introduzir os Componentes do Servidor React, preparamos uma palestra e uma demonstração. Se quiser, você pode conferi-los durante as festas ou depois, quando o trabalho recomeçar no novo ano...
--- -### All release notes {/*all-release-notes*/} +### Todas as notas de lançamento {/*all-release-notes*/} -Not every React release deserves its own blog post, but you can find a detailed changelog for every release in the [`CHANGELOG.md`](https://github.com/facebook/react/blob/main/CHANGELOG.md) file in the React repository, as well as on the [Releases](https://github.com/facebook/react/releases) page. +Nem todo lançamento do React merece um post no blog, mas você pode encontrar um changelog detalhado para cada lançamento no arquivo [`CHANGELOG.md`](https://github.com/facebook/react/blob/main/CHANGELOG.md) no repositório do React, assim como na página [Releases](https://github.com/facebook/react/releases). --- -### Older posts {/*older-posts*/} +### Postagens mais antigas {/*older-posts*/} -See the [older posts.](https://reactjs.org/blog/all.html) +Veja as [postagens mais antigas.](https://reactjs.org/blog/all.html) -
+
\ No newline at end of file diff --git a/src/content/errors/index.md b/src/content/errors/index.md index 25746d25d..4fdc9a56b 100644 --- a/src/content/errors/index.md +++ b/src/content/errors/index.md @@ -1,10 +1,93 @@ +--- +title: Blog do React +--- + -In the minified production build of React, we avoid sending down full error messages in order to reduce the number of bytes sent over the wire. +Este blog é a fonte oficial para as atualizações da equipe do React. Qualquer coisa importante, incluindo notas de versão ou avisos de descontinuação, será postada aqui primeiro. Você também pode seguir a conta [@reactjs](https://twitter.com/reactjs) no Twitter, mas você não perderá nada essencial se ler apenas este blog. +
+ + + +No Guia de Atualização do React 19 Beta, compartilhamos instruções passo a passo para atualizar seu aplicativo para o React 19 Beta. Neste post, daremos uma visão geral dos novos recursos no React 19 e como você pode adotá-los. + + + + + +As melhorias adicionadas ao React 19 exigem algumas mudanças drásticas, mas trabalhamos para tornar a atualização o mais suave possível e não esperamos que as mudanças impactem a maioria dos aplicativos. Neste post, iremos guiá-lo através das etapas para atualizar bibliotecas para o React 19 beta. + + + + + +Nos posts do React Labs, escrevemos sobre projetos em pesquisa e desenvolvimento ativo. Desde nossa última atualização, fizemos progressos significativos no Compilador React, novos recursos e React 19, e gostaríamos de compartilhar o que aprendemos. + + + + + +Tradicionalmente, novos recursos do React costumavam estar disponíveis primeiro no Meta e seriam disponibilizados nas versões de código aberto mais tarde. Gostaríamos de oferecer à comunidade React uma opção para adotar novos recursos individuais assim que seu design estiver quase finalizado - semelhante a como o Meta usa o React internamente. Estamos introduzindo um novo canal de lançamentos Canary oficialmente suportado. Ele permite que configurações curadas, como frameworks, desacoplem a adoção de recursos individuais do React do cronograma de lançamentos do React. + + + + + +Nos posts do React Labs, escrevemos sobre projetos em pesquisa e desenvolvimento ativo. Desde nossa última atualização, fizemos progressos significativos nos Componentes do Servidor React, Carregamento de Ativos, Otimização do Compilador, Renderização Fora da Tela e Rastreio de Transições, e gostaríamos de compartilhar o que aprendemos. + + + + + + +Hoje estamos empolgados em lançar o react.dev, o novo lar do React e de sua documentação. Neste post, gostaríamos de levá-lo a um passeio pelo novo site. + + + + + +O React 18 levou anos para ser desenvolvido e trouxe lições valiosas para a equipe do React. Seu lançamento foi o resultado de muitos anos de pesquisa e exploração de diversos caminhos. Alguns desses caminhos foram bem-sucedidos; muitos mais foram beiras sem saída que levaram a novas percepções. Uma lição que aprendemos é que é frustrante para a comunidade esperar por novos recursos sem ter insight sobre esses caminhos que estamos explorando... + + + +O React 18 já está disponível no npm! Em nosso último post, compartilhamos instruções passo a passo para atualizar seu aplicativo para o React 18. Neste post, vamos dar uma visão geral do que há de novo no React 18 e o que isso significa para o futuro... + + + +Como compartilhamos no post de lançamento, o React 18 introduz recursos impulsionados pelo nosso novo renderizador concorrente, com uma estratégia de adoção gradual para aplicativos existentes. Neste post, iremos guiá-lo através das etapas para atualizar para o React 18... + + + +Na semana passada, hospedamos a nossa 6ª React Conf. Em anos anteriores, usamos o palco da React Conf para fazer anúncios que mudaram a indústria, como React Native e React Hooks. Este ano, compartilhamos nossa visão multiplataforma para o React, começando com o lançamento do React 18 e a adoção gradual de recursos concorrentes... + + + +A equipe do React está animada para compartilhar algumas atualizações: + +- Começamos a trabalhar na versão 18 do React, que será nossa próxima versão principal. +- Criamos um Grupo de Trabalho para preparar a comunidade para a adoção gradual de novos recursos no React 18. +- Publicamos um React 18 Alpha para que autores de bibliotecas possam testá-lo e fornecer feedback... + + + +2020 foi um ano longo. À medida que chega ao fim, queríamos compartilhar uma atualização especial de feriado sobre nossa pesquisa em componentes do servidor React de tamanho zero. Para apresentar os Componentes do Servidor React, preparamos uma palestra e uma demonstração. Se você quiser, pode conferir durante as férias ou, posteriormente, quando o trabalho voltar a ser retomado no novo ano... + + +
+ +--- + +### Todas as notas de versão {/*all-release-notes*/} + +Nem toda versão do React merece seu próprio post no blog, mas você pode encontrar um changelog detalhado para cada versão no arquivo [`CHANGELOG.md`](https://github.com/facebook/react/blob/main/CHANGELOG.md) no repositório do React, assim como na página [Releases](https://github.com/facebook/react/releases). + +--- + +### Postagens mais antigas {/*older-posts*/} -We highly recommend using the development build locally when debugging your app since it tracks additional debug info and provides helpful warnings about potential problems in your apps, but if you encounter an exception while using the production build, the error message will include just a link to the docs for the error. +Veja as [postagens mais antigas.](https://reactjs.org/blog/all.html) -For an example, see: [https://react.dev/errors/149](/errors/421). +
\ No newline at end of file diff --git a/src/content/index.md b/src/content/index.md index 3b235c32f..598ed4bdc 100644 --- a/src/content/index.md +++ b/src/content/index.md @@ -1,7 +1,91 @@ --- -id: home -title: React -permalink: index.html +title: Blog do React --- -{/* See HomeContent.js */} + + +Este blog é a fonte oficial para as atualizações da equipe do React. Qualquer coisa importante, incluindo notas de lançamento ou avisos de descontinuação, será postada aqui primeiro. Você também pode seguir a conta [@reactjs](https://twitter.com/reactjs) no Twitter, mas você não perderá nada essencial se apenas ler este blog. + + + +
+ + + +No Guia de Atualização para o React 19 Beta, compartilhamos instruções passo a passo para atualizar seu app para o React 19 Beta. Neste post, daremos uma visão geral dos novos recursos do React 19 e como você pode adotá-los. + + + + + +As melhorias adicionadas ao React 19 exigem algumas mudanças que quebram compatibilidade, mas trabalhamos para tornar a atualização o mais suave possível e não esperamos que as mudanças impactem a maioria dos apps. Neste post, vamos guiá-lo pelos passos para atualizar bibliotecas para o React 19 beta. + + + + + +Nos posts do React Labs, escrevemos sobre projetos em pesquisa e desenvolvimento ativo. Desde nossa última atualização, fizemos progressos significativos no Compilador React, novos recursos e React 19, e gostaríamos de compartilhar o que aprendemos. + + + + + +Tradicionalmente, novos recursos do React costumavam estar disponíveis primeiro no Meta, e depois nos lançamentos de código aberto. Gostaríamos de oferecer à comunidade React uma opção para adotar novos recursos individuais assim que seu design estiver próximo do final – semelhante a como o Meta usa o React internamente. Estamos introduzindo um novo canal de lançamento Canary oficialmente suportado. Ele permite que configurações curadas, como frameworks, desacoplem a adoção de recursos individuais do React da programação de lançamentos do React. + + + + + +Nos posts do React Labs, escrevemos sobre projetos em pesquisa e desenvolvimento ativo. Desde nossa última atualização, fizemos progressos significativos nos Componentes do Servidor React, Carregamento de Recursos, Otimização do Compilador, Renderização fora da Tela e Rastreio de Transição, e gostaríamos de compartilhar o que aprendemos. + + + + + +Hoje estamos empolgados em lançar o react.dev, o novo lar para o React e sua documentação. Neste post, gostaríamos de dar uma tour pelo novo site. + + + + +O React 18 levou anos para ser desenvolvido, e com isso trouxe lições valiosas para a equipe do React. Seu lançamento foi o resultado de muitos anos de pesquisa e exploração de muitos caminhos. Alguns desses caminhos foram bem-sucedidos; muitos outros foram becos sem saída que levaram a novos insights. Uma lição que aprendemos é que é frustrante para a comunidade esperar novos recursos sem ter uma visão sobre esses caminhos que estamos explorando... + + + +O React 18 já está disponível no npm! Em nosso último post, compartilhamos instruções passo a passo para atualizar seu app para o React 18. Neste post, daremos uma visão geral do que há de novo no React 18 e o que isso significa para o futuro... + + + +Como compartilhamos no post de lançamento, o React 18 introduz recursos impulsionados pelo nosso novo renderizador concorrente, com uma estratégia de adoção gradual para aplicações existentes. Neste post, vamos guiá-lo pelos passos para atualizar para o React 18... + + + +Na semana passada, realizamos nossa 6ª React Conf. Em anos anteriores, usamos o palco da React Conf para fazer anúncios que mudaram a indústria, como o React Native e os Hooks do React. Este ano, compartilhamos nossa visão multiplataforma para o React, começando com o lançamento do React 18 e a adoção gradual de recursos concorrentes... + + + +A equipe do React está animada para compartilhar algumas atualizações: + +- Começamos o trabalho no lançamento do React 18, que será nossa próxima versão principal. +- Criamos um Grupo de Trabalho para preparar a comunidade para a adoção gradual de novos recursos no React 18. +- Publicamos um Alpha do React 18 para que autores de bibliotecas possam experimentá-lo e fornecer feedback... + + + +2020 foi um ano longo. À medida que o ano chega ao fim, queríamos compartilhar uma Atualização Especial de Férias sobre nossa pesquisa em componentes do servidor React com tamanho de pacote zero. Para introduzir componentes do servidor React, preparamos uma palestra e uma demonstração. Se você quiser, pode conferi-los durante as férias, ou depois, quando o trabalho recomeçar no novo ano... + + +
+ +--- + +### Todas as notas de lançamento {/*all-release-notes*/} + +Nem todo lançamento do React merece um post no blog, mas você pode encontrar um changelog detalhado para cada lançamento no arquivo [`CHANGELOG.md`](https://github.com/facebook/react/blob/main/CHANGELOG.md) no repositório do React, assim como na página de [Releases](https://github.com/facebook/react/releases). + +--- + +### Postagens mais antigas {/*older-posts*/} + +Veja as [postagens mais antigas.](https://reactjs.org/blog/all.html) + +
\ No newline at end of file diff --git a/src/content/reference/react-dom/client/index.md b/src/content/reference/react-dom/client/index.md index 89f48212f..e55e3e18e 100644 --- a/src/content/reference/react-dom/client/index.md +++ b/src/content/reference/react-dom/client/index.md @@ -1,22 +1,22 @@ --- -title: Client React DOM APIs +title: APIs do React DOM no Cliente --- -The `react-dom/client` APIs let you render React components on the client (in the browser). These APIs are typically used at the top level of your app to initialize your React tree. A [framework](/learn/start-a-new-react-project#production-grade-react-frameworks) may call them for you. Most of your components don't need to import or use them. +As APIs `react-dom/client` permitem que você renderize componentes React no cliente (no navegador). Essas APIs são geralmente usadas na raiz da sua aplicação para inicializar sua árvore React. Um [framework](/learn/start-a-new-react-project#production-grade-react-frameworks) pode chamá-las por você. A maioria dos seus componentes não precisa importá-las ou usá-las. --- -## Client APIs {/*client-apis*/} +## APIs do Cliente {/*client-apis*/} -* [`createRoot`](/reference/react-dom/client/createRoot) lets you create a root to display React components inside a browser DOM node. -* [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) lets you display React components inside a browser DOM node whose HTML content was previously generated by [`react-dom/server`.](/reference/react-dom/server) +* [`createRoot`](/reference/react-dom/client/createRoot) permite que você crie uma raiz para exibir componentes React dentro de um nó do DOM do navegador. +* [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) permite que você exiba componentes React dentro de um nó do DOM do navegador cujo conteúdo HTML foi gerado anteriormente por [`react-dom/server`.](/reference/react-dom/server) --- -## Browser support {/*browser-support*/} +## Suporte a Navegadores {/*browser-support*/} -React supports all popular browsers, including Internet Explorer 9 and above. Some polyfills are required for older browsers such as IE 9 and IE 10. \ No newline at end of file +O React suporta todos os navegadores populares, incluindo o Internet Explorer 9 e versões superiores. Alguns polyfills são necessários para navegadores mais antigos, como IE 9 e IE 10. \ No newline at end of file diff --git a/src/content/reference/react-dom/components/index.md b/src/content/reference/react-dom/components/index.md index c9b355c84..11e08a0cd 100644 --- a/src/content/reference/react-dom/components/index.md +++ b/src/content/reference/react-dom/components/index.md @@ -1,40 +1,40 @@ --- -title: "React DOM Components" +title: "Componentes do React DOM" --- -React supports all of the browser built-in [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML/Element) and [SVG](https://developer.mozilla.org/en-US/docs/Web/SVG/Element) components. +O React suporta todos os componentes internos de [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML/Element) e [SVG](https://developer.mozilla.org/en-US/docs/Web/SVG/Element) do navegador. --- -## Common components {/*common-components*/} +## Componentes Comuns {/*common-components*/} -All of the built-in browser components support some props and events. +Todos os componentes internos do navegador suportam algumas props e eventos. -* [Common components (e.g. `
`)](/reference/react-dom/components/common) +* [Componentes comuns (por exemplo, `
`)](/reference/react-dom/components/common) -This includes React-specific props like `ref` and `dangerouslySetInnerHTML`. +Isso inclui props específicas do React, como `ref` e `dangerouslySetInnerHTML`. --- -## Form components {/*form-components*/} +## Componentes de Formulário {/*form-components*/} -These built-in browser components accept user input: +Esses componentes internos do navegador aceitam entrada do usuário: * [``](/reference/react-dom/components/input) * [`