Skip to content

Commit 584d95b

Browse files
committed
fix: resolve merge conflicts from sync-47e64bf7 upstream sync
Resolve all 86 files with conflict markers from the upstream sync. Strategy: keep/update Portuguese translations, follow upstream changes faithfully, translate new English content to PT-BR. Key changes incorporated: - React Compiler: RC → Stable (removed RC notes, updated docs) - Version bump: 19.1 → 19.2 in versions.md - Branding: RedwoodJS → RedwoodSDK (rwsdk.com) - Image URLs: i.imgur.com → react.dev/images/docs/scientists/ - Link updates: /learn/start-a-new-react-project → /learn/creating-a-react-app - Bug fix: /errors/421 → /errors/149 in errors/index.md - API docs: useOptimistic, useActionState, cache rewritten upstream — fully translated to PT-BR
1 parent 0021920 commit 584d95b

86 files changed

Lines changed: 376 additions & 1920 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

src/content/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023.md

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -31,11 +31,7 @@ A maior mudança é que introduzimos [`async` / `await`](https://github.com/reac
3131

3232
Agora que temos a busca de dados bem definida, estamos explorando a outra direção: enviar dados do cliente para o servidor, para que você possa executar mutações no banco de dados e implementar formulários. Estamos fazendo isso permitindo que você passe funções de Server Action através da fronteira servidor/cliente, que o cliente pode então chamar, fornecendo RPC contínuo. Server Actions também oferecem formulários aprimorados progressivamente antes do carregamento do JavaScript.
3333

34-
<<<<<<< HEAD
35-
React Server Components foi lançado no [Next.js App Router](/learn/start-a-new-react-project#nextjs-app-router). Isso mostra uma profunda integração de um roteador que realmente leva em conta o RSC como um primitivo, mas não é a única maneira de construir um roteador e framework compatíveis com RSC. Há uma clara separação para os recursos fornecidos pela especificação RSC e implementação. React Server Components é destinado a ser uma especificação para componentes que funcionam em frameworks React compatíveis.
36-
=======
37-
React Server Components has shipped in [Next.js App Router](/learn/creating-a-react-app#nextjs-app-router). This showcases a deep integration of a router that really buys into RSC as a primitive, but it's not the only way to build a RSC-compatible router and framework. There's a clear separation for features provided by the RSC spec and implementation. React Server Components is meant as a spec for components that work across compatible React frameworks.
38-
>>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
34+
React Server Components foi lançado no [Next.js App Router](/learn/creating-a-react-app#nextjs-app-router). Isso mostra uma profunda integração de um roteador que realmente leva em conta o RSC como um primitivo, mas não é a única maneira de construir um roteador e framework compatíveis com RSC. Há uma clara separação para os recursos fornecidos pela especificação RSC e implementação. React Server Components é destinado a ser uma especificação para componentes que funcionam em frameworks React compatíveis.
3935

4036
Geralmente, recomendamos o uso de um framework existente, mas se você precisar construir seu próprio framework personalizado, é possível. Construir seu próprio framework compatível com RSC não é tão fácil quanto gostaríamos, principalmente devido à profunda integração do bundler necessária. A geração atual de bundlers é ótima para uso no cliente, mas não foram projetados com suporte de primeira classe para dividir um único gráfico de módulos entre o servidor e o cliente. É por isso que agora estamos fazendo parceria direta com os desenvolvedores de bundler para integrar os primitivos para RSC.
4137

@@ -96,11 +92,7 @@ Desde nossa última atualização, testamos uma versão experimental de pré-ren
9692

9793
## Transition Tracing {/*transition-tracing*/}
9894

99-
<<<<<<< HEAD
100-
A API Transition Tracing permite que você detecte quando [React Transitions](/reference/react/useTransition) ficam mais lentas e investigar o porquê de estarem lentas. Após nossa última atualização, concluímos o design inicial da API e publicamos um [RFC](https://github.com/reactjs/rfcs/pull/238). Os recursos básicos também foram implementados. O projeto está atualmente em espera. Agradecemos o feedback sobre o RFC e esperamos retomar seu desenvolvimento para fornecer uma melhor ferramenta de medição de desempenho para React. Isso será particularmente útil com roteadores construídos sobre React Transitions, como o [Next.js App Router](/learn/start-a-new-react-project#nextjs-app-router).
101-
=======
102-
The Transition Tracing API lets you detect when [React Transitions](/reference/react/useTransition) become slower and investigate why they may be slow. Following our last update, we have completed the initial design of the API and published an [RFC](https://github.com/reactjs/rfcs/pull/238). The basic capabilities have also been implemented. The project is currently on hold. We welcome feedback on the RFC and look forward to resuming its development to provide a better performance measurement tool for React. This will be particularly useful with routers built on top of React Transitions, like the [Next.js App Router](/learn/creating-a-react-app#nextjs-app-router).
103-
>>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
95+
A API Transition Tracing permite que você detecte quando [React Transitions](/reference/react/useTransition) ficam mais lentas e investigar o porquê de estarem lentas. Após nossa última atualização, concluímos o design inicial da API e publicamos um [RFC](https://github.com/reactjs/rfcs/pull/238). Os recursos básicos também foram implementados. O projeto está atualmente em espera. Agradecemos o feedback sobre o RFC e esperamos retomar seu desenvolvimento para fornecer uma melhor ferramenta de medição de desempenho para React. Isso será particularmente útil com roteadores construídos sobre React Transitions, como o [Next.js App Router](/learn/creating-a-react-app#nextjs-app-router).
10496

10597
* * *
10698
Além desta atualização, nossa equipe fez aparições recentes em podcasts e transmissões ao vivo da comunidade para falar mais sobre nosso trabalho e responder a perguntas.

src/content/blog/2024/05/22/react-conf-2024-recap.md

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -112,11 +112,7 @@ Obrigado [Ricky Hanlon](https://www.youtube.com/watch?v=FxTZL2U-uKg&t=1263s) por
112112

113113
Obrigado [Callstack](https://www.callstack.com/) por construir o site da conferência; e a [Kadi Kraman](https://twitter.com/kadikraman) e à equipe [Expo](https://expo.dev/) por construir o aplicativo móvel da conferência.
114114

115-
<<<<<<< HEAD
116-
Obrigado a todos os patrocinadores que tornaram o evento possível: [Remix](https://remix.run/), [Amazon](https://developer.amazon.com/apps-and-games?cmp=US_2024_05_3P_React-Conf-2024&ch=prtnr&chlast=prtnr&pub=ref&publast=ref&type=org&typelast=org), [MUI](https://mui.com/), [Sentry](https://sentry.io/for/react/?utm_source=sponsored-conf&utm_medium=sponsored-event&utm_campaign=frontend-fy25q2-evergreen&utm_content=logo-reactconf2024-learnmore), [Abbott](https://www.jobs.abbott/software), [Expo](https://expo.dev/), [RedwoodJS](https://redwoodjs.com/) e [Vercel](https://vercel.com).
117-
=======
118-
Thank you to all the sponsors who made the event possible: [Remix](https://remix.run/), [Amazon](https://developer.amazon.com/apps-and-games?cmp=US_2024_05_3P_React-Conf-2024&ch=prtnr&chlast=prtnr&pub=ref&publast=ref&type=org&typelast=org), [MUI](https://mui.com/), [Sentry](https://sentry.io/for/react/?utm_source=sponsored-conf&utm_medium=sponsored-event&utm_campaign=frontend-fy25q2-evergreen&utm_content=logo-reactconf2024-learnmore), [Abbott](https://www.jobs.abbott/software), [Expo](https://expo.dev/), [RedwoodJS](https://rwsdk.com/), and [Vercel](https://vercel.com).
119-
>>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
115+
Obrigado a todos os patrocinadores que tornaram o evento possível: [Remix](https://remix.run/), [Amazon](https://developer.amazon.com/apps-and-games?cmp=US_2024_05_3P_React-Conf-2024&ch=prtnr&chlast=prtnr&pub=ref&publast=ref&type=org&typelast=org), [MUI](https://mui.com/), [Sentry](https://sentry.io/for/react/?utm_source=sponsored-conf&utm_medium=sponsored-event&utm_campaign=frontend-fy25q2-evergreen&utm_content=logo-reactconf2024-learnmore), [Abbott](https://www.jobs.abbott/software), [Expo](https://expo.dev/), [RedwoodJS](https://rwsdk.com/) e [Vercel](https://vercel.com).
120116

121117
Obrigado à equipe de AV pelas imagens, palco e som; e ao Westin Hotel por nos hospedar.
122118

src/content/community/translations.md

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -28,11 +28,7 @@ Para saber o progresso de cada tradução, consulte: [O React já está traduzid
2828

2929
## Como contribuir {/*how-to-contribute*/}
3030

31-
<<<<<<< HEAD
3231
Você pode contribuir com os esforços de tradução!
33-
=======
34-
You can contribute to the translation efforts!
35-
>>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
3632

3733
A comunidade conduz o trabalho de tradução da documentação do React em cada fork do react.dev específico para cada idioma. O trabalho de tradução típico envolve a tradução direta de um arquivo Markdown e a criação de um pull request. Clique no link "contribuir" acima para o repositório do GitHub do seu idioma e siga as instruções lá para ajudar nos esforços de tradução.
3834

src/content/errors/index.md

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,4 @@ Na versão de produção minificada do React, evitamos enviar mensagens de erro
66

77
Recomendamos o uso da versão de desenvolvimento localmente ao depurar seu aplicativo, pois ela rastreia informações de depuração adicionais e fornece avisos úteis sobre possíveis problemas em seus aplicativos, mas se você encontrar uma exceção ao usar a versão de produção, a mensagem de erro incluirá apenas um link para a documentação do erro.
88

9-
<<<<<<< HEAD
10-
Como exemplo, veja: [https://react.dev/errors/149](/errors/421).
11-
=======
12-
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.
13-
14-
For an example, see: [https://react.dev/errors/149](/errors/149).
15-
>>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
9+
Como exemplo, veja: [https://react.dev/errors/149](/errors/149).

src/content/learn/add-react-to-an-existing-project.md

Lines changed: 2 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -20,15 +20,9 @@ Digamos que você tenha um aplicativo da web existente em `example.com` constru
2020

2121
Veja como recomendamos configurá-lo:
2222

23-
<<<<<<< HEAD
24-
1. **Construa a parte React do seu aplicativo** usando um dos [frameworks baseados em React](/learn/start-a-new-react-project).
23+
1. **Construa a parte React do seu aplicativo** usando um dos [frameworks baseados em React](/learn/creating-a-react-app).
2524
2. **Especifique `/some-app` como o *caminho base*** na configuração do seu framework (veja como: [Next.js](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
2625
3. **Configure seu servidor ou um proxy** para que todas as solicitações em `/some-app/` sejam tratadas pelo seu aplicativo React.
27-
=======
28-
1. **Build the React part of your app** using one of the [React-based frameworks](/learn/creating-a-react-app).
29-
2. **Specify `/some-app` as the *base path*** in your framework's configuration (here's how: [Next.js](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
30-
3. **Configure your server or a proxy** so that all requests under `/some-app/` are handled by your React app.
31-
>>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
3226

3327
Isso garante que a parte React do seu aplicativo possa [se beneficiar das melhores práticas](/learn/build-a-react-app-from-scratch#consider-using-a-framework) embutidas nesses frameworks.
3428

@@ -155,11 +149,7 @@ root.render(<NavigationBar />);
155149

156150
Observe como o conteúdo HTML original de `index.html` é preservado, mas o seu próprio componente React `NavigationBar` agora aparece dentro do `<nav id="navigation" />` do seu HTML. Leia a documentação de uso do [`createRoot`](/reference/react-dom/client/createRoot#rendering-a-page-partially-built-with-react) para aprender mais sobre como renderizar componentes React dentro de uma página HTML existente.
157151

158-
<<<<<<< HEAD
159-
Quando você adota o React em um projeto existente, é comum começar com pequenos componentes interativos (como botões) e, gradualmente, "subir de nível" até que eventualmente toda a sua página seja construída com React. Se você chegar a esse ponto, recomendamos migrar para [um framework React](/learn/start-a-new-react-project) imediatamente para aproveitar ao máximo o React.
160-
=======
161-
When you adopt React in an existing project, it's common to start with small interactive components (like buttons), and then gradually keep "moving upwards" until eventually your entire page is built with React. If you ever reach that point, we recommend migrating to [a React framework](/learn/creating-a-react-app) right after to get the most out of React.
162-
>>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
152+
Quando você adota o React em um projeto existente, é comum começar com pequenos componentes interativos (como botões) e, gradualmente, "subir de nível" até que eventualmente toda a sua página seja construída com React. Se você chegar a esse ponto, recomendamos migrar para [um framework React](/learn/creating-a-react-app) imediatamente para aproveitar ao máximo o React.
163153

164154
## Usando o React Native em um aplicativo móvel nativo existente {/*using-react-native-in-an-existing-native-mobile-app*/}
165155

src/content/learn/adding-interactivity.md

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -186,13 +186,8 @@ export const sculptureList = [{
186186
}, {
187187
name: 'Terracotta Army',
188188
artist: 'Unknown Artist',
189-
<<<<<<< HEAD
190-
description: 'The Terracotta Army is a collection of terracotta sculptures depicting the armies of Qin Shi Huang, the first Emperor of China. The army consited of more than 8,000 soldiers, 130 chariots with 520 horses, and 150 cavalry horses.',
191-
url: 'https://i.imgur.com/HMFmH6m.jpg',
192-
=======
193189
description: 'The Terracotta Army is a collection of terracotta sculptures depicting the armies of Qin Shi Huang, the first Emperor of China. The army consisted of more than 8,000 soldiers, 130 chariots with 520 horses, and 150 cavalry horses.',
194190
url: 'https://react.dev/images/docs/scientists/HMFmH6m.jpg',
195-
>>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
196191
alt: '12 terracotta sculptures of solemn warriors, each with a unique facial expression and armor.'
197192
}, {
198193
name: 'Lunar Landscape',

src/content/learn/build-a-react-app-from-scratch.md

Lines changed: 0 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -12,11 +12,7 @@ Se sua aplicação tem restrições que não são bem atendidas pelos frameworks
1212

1313
#### Considere usar um framework {/*consider-using-a-framework*/}
1414

15-
<<<<<<< HEAD
1615
Começar do zero é uma maneira fácil de começar a usar React, mas um compromisso importante a ter em mente é que seguir este caminho é muitas vezes o mesmo que construir seu próprio framework ad hoc. À medida que seus requisitos evoluem, você pode precisar resolver mais problemas semelhantes a frameworks para os quais nossos frameworks recomendados já têm soluções bem desenvolvidas e suportadas.
17-
=======
18-
Starting from scratch is an easy way to get started using React, but a major tradeoff to be aware of is that going this route is often the same as building your own adhoc framework. As your requirements evolve, you may need to solve more framework-like problems that our recommended frameworks already have well developed and supported solutions for.
19-
>>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
2016

2117
Por exemplo, se no futuro sua aplicação precisar de suporte para renderização do lado do servidor (SSR), geração de site estático (SSG), e/ou React Server Components (RSC), você terá que implementá-los por conta própria. Da mesma forma, futuras funcionalidades do React que requerem integração no nível do framework terão que ser implementadas por você se quiser usá-las.
2218

@@ -134,22 +130,12 @@ Como a ferramenta de build que você seleciona só suporta aplicações de pági
134130

135131
* **React Server Components (RSC)** permite misturar componentes de build-time, apenas do servidor, e interativos em uma única árvore React. RSC pode melhorar a performance, mas atualmente requer expertise profunda para configurar e manter. Veja os [exemplos RSC do Parcel](https://github.com/parcel-bundler/rsc-examples).
136132

137-
<<<<<<< HEAD
138133
Suas estratégias de renderização precisam se integrar com seu roteador para que aplicações construídas com seu framework possam escolher a estratégia de renderização no nível de rota. Isso permitirá diferentes estratégias de renderização sem ter que reescrever toda a sua aplicação. Por exemplo, a página de destino da sua aplicação pode se beneficiar de ser gerada estaticamente (SSG), enquanto uma página com um feed de conteúdo pode ter melhor performance com renderização do lado do servidor.
139-
=======
140-
Your rendering strategies need to integrate with your router so apps built with your framework can choose the rendering strategy on a per-route level. This will enable different rendering strategies without having to rewrite your whole app. For example, the landing page for your app might benefit from being statically generated (SSG), while a page with a content feed might perform best with server-side rendering.
141-
>>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb
142134

143135
Usar a estratégia de renderização certa para as rotas certas pode diminuir o tempo que leva para o primeiro byte de conteúdo ser carregado ([Time to First Byte](https://web.dev/articles/ttfb)), o primeiro pedaço de conteúdo renderizar ([First Contentful Paint](https://web.dev/articles/fcp)), e o maior conteúdo visível da aplicação renderizar ([Largest Contentful Paint](https://web.dev/articles/lcp)).
144136

145137
### E mais... {/*and-more*/}
146138

147-
<<<<<<< HEAD
148139
Estes são apenas alguns exemplos das funcionalidades que uma nova aplicação precisará considerar ao construir do zero. Muitas limitações que você encontrará podem ser difíceis de resolver, já que cada problema está interconectado com os outros e pode requerer expertise profunda em áreas problemáticas com as quais você pode não estar familiarizado.
149140

150141
Se você não quer resolver esses problemas por conta própria, pode [começar com um framework](/learn/creating-a-react-app) que fornece essas funcionalidades prontas para uso.
151-
=======
152-
These are just a few examples of the features a new app will need to consider when building from scratch. Many limitations you'll hit can be difficult to solve as each problem is interconnected with the others and can require deep expertise in problem areas you may not be familiar with.
153-
154-
If you don't want to solve these problems on your own, you can [get started with a framework](/learn/creating-a-react-app) that provides these features out of the box.
155-
>>>>>>> 47e64bf7ad81aab8bacfa791a37816ee869135eb

0 commit comments

Comments
 (0)