Skip to content
Closed
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
2 changes: 1 addition & 1 deletion src/components/MDX/BlogCard.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ function BlogCard({title, badge, date, icon, url, children}: BlogCardProps) {
</span>
{children != null && (
<div className="text-link text-base dark:text-link-dark hover:underline mt-4">
Read more
Continuar lendo
</div>
)}
</div>
Expand Down
88 changes: 44 additions & 44 deletions src/content/blog/index.md
Original file line number Diff line number Diff line change
@@ -1,125 +1,125 @@
---
title: React Blog
title: Blog do React
---

<Intro>

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.
Este blog é a fonte oficial de atualizações da equipe do React. Qualquer coisa importante, incluindo notas de versão ou avisos de descontinuação, será publicada aqui primeiro.

You can also follow the [@react.dev](https://bsky.app/profile/react.dev) account on Bluesky, or [@reactjs](https://twitter.com/reactjs) account on Twitter, but you won’t miss anything essential if you only read this blog.
Você também pode seguir a conta [@react.dev](https://bsky.app/profile/react.dev) no Bluesky, ou [@reactjs](https://twitter.com/reactjs) no Twitter, mas você não perderá nada essencial se apenas ler este blog.

</Intro>

<div className="sm:-mx-5 flex flex-col gap-5 mt-12">

<BlogCard title="React Labs: View Transitions, Activity, and more" date="April 23, 2025" url="/blog/2025/04/23/react-labs-view-transitions-activity-and-more">
<BlogCard title="React Labs: Ver Transições de Visualização, Atividade e Mais" date="23 de Abril, 2025" url="/blog/2025/04/23/react-labs-view-transitions-activity-and-more">

In React Labs posts, we write about projects in active research and development. In this post, we're sharing two new experimental features that are ready to try today, and sharing other areas we're working on now ...
Em posts do React Labs, nós escrevemos sobre projetos em pesquisa e desenvolvimento ativos. Neste post, estamos compartilhando duas novas funcionalidades experimentais que estão prontas para serem testadas hoje, e compartilhando outras áreas nas quais estamos trabalhando agora...

</BlogCard>

<BlogCard title="React Compiler RC" date="April 21, 2025" url="/blog/2025/04/21/react-compiler-rc">
<BlogCard title="React Compiler RC" date="21 de Abril, 2025" url="/blog/2025/04/21/react-compiler-rc">

We are releasing the compiler's first Release Candidate (RC) today.
Estamos lançando a primeira Release Candidate (RC) do compilador hoje.

</BlogCard>

<BlogCard title="Sunsetting Create React App" date="February 14, 2025" url="/blog/2025/02/14/sunsetting-create-react-app">
<BlogCard title="Descontinuando o Create React App" date="14 de Fevereiro, 2025" url="/blog/2025/02/14/sunsetting-create-react-app">

Today, we’re deprecating Create React App for new apps, and encouraging existing apps to migrate to a framework, or to migrate to a build tool like Vite, Parcel, or RSBuild. We’re also providing docs for when a framework isn’t a good fit for your project, you want to build your own framework, or you just want to learn how React works by building a React app from scratch ...
Hoje, estamos descontinuando o Create React App para novas aplicações, e encorajando aplicações existentes a migrarem para um framework, ou para uma ferramenta de build como Vite, Parcel, ou RSBuild. Também estamos fornecendo documentação para quando um framework não é uma boa opção para o seu projeto, se você quer construir seu próprio framework, ou se você apenas quer aprender como o React funciona construindo uma aplicação React do zero...

</BlogCard>

<BlogCard title="React v19 " date="December 5, 2024" url="/blog/2024/12/05/react-19">
<BlogCard title="React v19 " date="5 de Dezembro, 2024" url="/blog/2024/12/05/react-19">

In the React 19 Upgrade Guide, we shared step-by-step instructions for upgrading your app to React 19. 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, nós compartilhamos instruções passo a passo para atualizar sua aplicação para o React 19. Neste post, vamos dar uma visão geral das novas funcionalidades no React 19, e como você pode adotá-las...

</BlogCard>

<BlogCard title="React Compiler Beta Release" date="October 21, 2024" url="/blog/2024/10/21/react-compiler-beta-release">
<BlogCard title="Lançamento da Beta do React Compiler" date="21 de Outubro, 2024" url="/blog/2024/10/21/react-compiler-beta-release">

We announced an experimental release of React Compiler at React Conf 2024. We've made a lot of progress since then, and in this post we want to share what's next for React Compiler ...
Anunciamos um lançamento experimental do React Compiler na React Conf 2024. Fizemos muitos progressos desde então, e neste post queremos compartilhar o que vem a seguir para o React Compiler ...

</BlogCard>

<BlogCard title="React Conf 2024 Recap" date="May 22, 2024" url="/blog/2024/05/22/react-conf-2024-recap">
<BlogCard title="Resumo da React Conf 2024" date="22 de Maio, 2024" url="/blog/2024/05/22/react-conf-2024-recap">

Last week we hosted React Conf 2024, a two-day conference in Henderson, Nevada where 700+ attendees gathered in-person to discuss the latest in UI engineering. This was our first in-person conference since 2019, and we were thrilled to be able to bring the community together again ...
Na semana passada, sediamos a React Conf 2024, uma conferência de dois dias em Henderson, Nevada, onde mais de 700 participantes se reuniram pessoalmente para discutir as últimas novidades em engenharia de UI. Esta foi nossa primeira conferência presencial desde 2019 e ficamos felizes em poder reunir a comunidade novamente.

</BlogCard>

<BlogCard title="React 19 Upgrade Guide" date="April 25, 2024" url="/blog/2024/04/25/react-19-upgrade-guide">
<BlogCard title="Guia de Atualização para o React 19" date="25 de Abril, 2024" url="/blog/2024/04/25/react-19-upgrade-guide">

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 ...
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 ...

</BlogCard>

<BlogCard title="React Labs: What We've Been Working On – February 2024" date="February 15, 2024" url="/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024">
<BlogCard title="React Labs: No que temos trabalhado – Fevereiro de 2024" date="15 de Fevereiro, 2024" url="/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024">

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.
Nas postagens do React Labs, escrevemos sobre projetos em pesquisa e desenvolvimento ativos. Desde nossa última atualização, fizemos progressos significativos no React Compiler, novos recursos e React 19, e gostaríamos de compartilhar o que aprendemos.

</BlogCard>

<BlogCard title="React Canaries: Incremental Feature Rollout Outside Meta" date="May 3, 2023" url="/blog/2023/05/03/react-canaries">
<BlogCard title="React Canaries: Habilitando Liberação Incremental de Recursos Fora do Meta" date="3 de Maio, 2023" url="/blog/2023/05/03/react-canaries">

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.
Gostaríamos de oferecer à comunidade React uma opção para adotar recursos individuais novos assim que seu design estiver próximo do final, antes que sejam lançados em uma versão estável - semelhante à forma como a Meta tem usado versões de ponta do React internamente. Estamos introduzindo um novo canal de lançamento Canary oficialmente suportado. Ele permite que configurações selecionadas, como frameworks, desacoplem a adoção de recursos React individuais do cronograma de lançamento do React.

</BlogCard>

<BlogCard title="React Labs: What We've Been Working On – March 2023" date="March 22, 2023" url="/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023">
<BlogCard title="React Labs: No que temos trabalhado – Março de 2023" date="22 de Março, 2023" url="/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023">

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.
Nas postagens do React Labs, escrevemos sobre projetos em pesquisa e desenvolvimento ativos. Fizemos um progresso significativo neles desde nossa última atualização e gostaríamos de compartilhar o que aprendemos.

</BlogCard>


<BlogCard title="Introducing react.dev" date="March 16, 2023" url="/blog/2023/03/16/introducing-react-dev">
<BlogCard title="Apresentando react.dev" date="16 de Março, 2023" url="/blog/2023/03/16/introducing-react-dev">

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 muito felizes em lançar react.dev, a nova casa para o React e sua documentação. Neste post, gostaríamos de fazer um tour pelo novo site.

</BlogCard>


<BlogCard title="React Labs: What We've Been Working On – June 2022" date="June 15, 2022" url="/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022">
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...
<BlogCard title="React Labs: No Que Temos Trabalhado – Junho de 2022" date="15 de Junho, 2022" url="/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022">
O React 18 levou anos para ser feito, e com ele trouxe lições valiosas para a equipe do React. Seu lançamento foi o resultado de muitos anos de pesquisa e de explorar muitos caminhos. Alguns desses caminhos foram bem-sucedidos; muitos outros foram becos sem saída que levaram a novas percepções. Uma lição que aprendemos é que é frustrante para a comunidade esperar por novas funcionalidades sem ter uma visão desses caminhos que estamos explorando...
</BlogCard>

<BlogCard title="React v18.0" date="March 29, 2022" url="/blog/2022/03/29/react-v18">
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...
<BlogCard title="React v18.0" date="29 de Março, 2022" url="/blog/2022/03/29/react-v18">
O React 18 agora 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.
</BlogCard>

<BlogCard title="How to Upgrade to React 18" date="March 8, 2022" url="/blog/2022/03/08/react-18-upgrade-guide">
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...
<BlogCard title="Como atualizar para React 18" date="8 de Março, 2022" url="/blog/2022/03/08/react-18-upgrade-guide">
Como compartilhamos no post de lançamento, React 18 apresenta recursos impulsionados por nosso novo renderizador concorrente, com uma estratégia de adoção gradual para aplicativos existentes. Neste artigo, vamos guiá-lo através das etapas para a atualização para o React 18.
</BlogCard>

<BlogCard title="React Conf 2021 Recap" date="December 17, 2021" url="/blog/2021/12/17/react-conf-2021-recap">
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...
<BlogCard title="Resumo da React Conf 2021" date="17 de Dezembro, 2021" url="/blog/2021/12/17/react-conf-2021-recap">
Na semana passada, organizamos nossa 6ª React Conf. Em anos anteriores, usamos o palco da React Conf para apresentar anúncios que mudaram o setor, como React Native e React Hooks. Este ano, compartilhamos nossa visão multiplataforma para React, começando com o lançamento do React 18 e a adoção gradual de recursos simultâneos.
</BlogCard>

<BlogCard title="The Plan for React 18" date="June 8, 2021" url="/blog/2021/06/08/the-plan-for-react-18">
The React team is excited to share a few updates:
<BlogCard title="O Plano para React 18" date="8 de Junho, 2021" url="/blog/2021/06/08/the-plan-for-react-18">
A equipe do React está animada para 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 na versão 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 React 18 Alpha para que os autores de bibliotecas possam experimentá-lo e fornecer feedback...
</BlogCard>

<BlogCard title="Introducing Zero-Bundle-Size React Server Components" date="December 21, 2020" url="/blog/2020/12/21/data-fetching-with-react-server-components">
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...
<BlogCard title="Apresentando Componentes React de tamanho zero no Servidor" date="21 de Dezembro, 2020" url="/blog/2020/12/21/data-fetching-with-react-server-components">
2020 foi um longo ano. Como está chegando ao fim, gostaríamos de compartilhar uma atualização especial de fim de ano em nossa pesquisa sobre Componentes React Server de tamanho de pacote zero. Para apresentar os React Server Components, preparamos uma palestra e uma demonstração. Se desejar, você pode conferir durante as férias ou mais tarde, quando o trabalho recomeçar no ano novo.
</BlogCard>

</div>

---

### All release notes {/*all-release-notes*/}
### Todas as notas de versão {/*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 toda versão do React merece seu próprio post no blog, mas você pode encontrar um changelog detalhado de 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 de [Releases](https://github.com/facebook/react/releases).

---

### Older posts {/*older-posts*/}
### Posts antigos {/*older-posts*/}

See the [older posts.](https://reactjs.org/blog/all.html)
Veja os [posts antigos.](https://reactjs.org/blog/all.html)

<div className="h-12"></div>