Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

React 19.2: testei as novidades! (Activity, useEffectEvent e mais)

Автор: Rocketseat

Загружено: 2025-10-30

Просмотров: 16086

Описание:

Links importantes para continuar estudando 👇
👉 LIVE: Missão 2030 descubra o plano pra se manter relevante no mercado de tecnologia!
Faça sua inscrição: https://rseat.in/missao-2030-diego
Dia 05/11 às 19h | gratuito

• Vem conferir mais sobre React 19.02 https://react.dev/blog/2025/10/01/rea...

• Até 67% OFF para você assinar o Rocketseat ONE essa oferta não vai ter bis, aproveite agora!
✅ 22 formações completas com certificado;
✅ +30 cursos;
✅ 127 projetos práticos para seu portfólio;
✅ Bônus incríveis pra acelerar seu crescimento;
E muito mais!
👉 Garanta agora mesmo https://rseat.in/black-month-rocketse...

🚀 Aproveite os cursos pagos da Rocketseat, liberados gratuitamente até 17/11
https://rseat.in/-cursos-liberados-ro...
• MSwift (NLW Pocket Mobile)
• Kotlin (NLW Pocket Mobile)
• React Native (NLW Pocket Mobile)

A versão 19.2 chegou para resolver muitas dores de cabeça e levar suas aplicações a outro nível de otimização!

Neste vídeo, embarcamos nas principais atualizações do React 19.2, explorando o novo componente `Activity`, que otimiza a renderização de elementos condicionais, e o inovador hook `useEffectEvent`, que simplifica o gerenciamento de eventos e dependências.
Também mostramos as melhorias na API de cache, que agora facilita a deduplicação de dados, e as novas ferramentas de performance tracking no Chrome DevTools, que oferecem uma visão detalhada do ciclo de vida dos seus componentes.

Você vai aprender:
• Como o `Activity` melhora a experiência do usuário em componentes condicionais.
• A dominar o `useEffectEvent` para gerenciar dependências com eficiência e evitar re-renderizações desnecessárias.
• A explorar a API de cache do React para otimizar busca e deduplicação de dados.
• A aproveitar as novas ferramentas de performance tracking para depurar e otimizar suas aplicações React.

Dev, dá play e vem conferir todas as novidades 👇
00:00 - 00:44 - O que há de novo no React 19.2?
00:45 - 01:31 - Conheça o novo hook e componente React
01:34 - 03:33 - Como funciona o cache de dados no React?
03:33 - 04:44 - Otimize a performance React com DevTools
04:47 - 05:22 - React e frameworks: o que mudou?
05:22 - 08:23 - Como usar Activity para evitar layout shift?
08:23 - 11:43 - Como usar useEffectEvent para dependências?
11:43 - 13:40 - Próximos vídeos: Next.js 16 e Cursor 2.0

#React19,#ReactJS,#DesenvolvimentoWeb,#Frontend,#Programacao,#ReactHooks,#PerformanceWeb,#DevTips,#JavaScript,#Tech

-----

Conecte-se a 500mil devs e avance para o próximo nível com a nossa plataforma: https://rseat.in/rocketseat_

Cadastre-se na nossa plataforma: https://rseat.in/rocketseat_

Junte-se a mais de 392mil devs em nossa comunidade no Discord:   / discord  

Acompanhe a Rocketseat nas redes sociais:
TikTok: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat

React 19.2: testei as novidades! (Activity, useEffectEvent e mais)

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

Entenda o cache do Next.js de uma vez! (cache tags e revalidation)

Entenda o cache do Next.js de uma vez! (cache tags e revalidation)

Todo dev back-end pleno PRECISA conhecer esses 3 conceitos! (fundamentos de microsserviços)

Todo dev back-end pleno PRECISA conhecer esses 3 conceitos! (fundamentos de microsserviços)

Como se destacar como Dev Back-end: 7 diferenciais essenciais para sua primeira vaga

Como se destacar como Dev Back-end: 7 diferenciais essenciais para sua primeira vaga

Como gerenciar estados de paginação usando o useQuery

Como gerenciar estados de paginação usando o useQuery

Composition Is All You Need | Fernando Rojo at React Universe Conf 2025

Composition Is All You Need | Fernando Rojo at React Universe Conf 2025

Seu back-end tem paginação? Então veja isso! (cursor-based vs offset-based pagination)

Seu back-end tem paginação? Então veja isso! (cursor-based vs offset-based pagination)

FLUTTER - FROM THE PERSPECTIVE OF A REACT NATIVE EXPERT!!

FLUTTER - FROM THE PERSPECTIVE OF A REACT NATIVE EXPERT!!

Estrutura de pastas p/ Next.js (rotas privadas e públicas)

Estrutura de pastas p/ Next.js (rotas privadas e públicas)

Larguei o React Router pelo Tanstack Router no meu SaaS (valeu a pena?)

Larguei o React Router pelo Tanstack Router no meu SaaS (valeu a pena?)

ORBAN UJAWNIA WSZYSTKO – Von der Leyen WYCHODZI Z SALI!

ORBAN UJAWNIA WSZYSTKO – Von der Leyen WYCHODZI Z SALI!

Como eu uso o Cursor para front-end (do Figma ao código)

Como eu uso o Cursor para front-end (do Figma ao código)

Nova API de cache no Next.js 16

Nova API de cache no Next.js 16

Estou recriando meu SaaS de vídeos do ZERO (troquei o Next pelo Vite?)

Estou recriando meu SaaS de vídeos do ZERO (troquei o Next pelo Vite?)

DeepSeek ВЕРНУЛСЯ и ещё больше новостей об ИИ, которые вы можете использовать

DeepSeek ВЕРНУЛСЯ и ещё больше новостей об ИИ, которые вы можете использовать

Освойте React JS легко

Освойте React JS легко

Desvendando Requisições HTTP: Métodos, Parâmetros, Body e Status Codes para Devs

Desvendando Requisições HTTP: Métodos, Parâmetros, Body e Status Codes para Devs

Every React Concept Explained in 12 Minutes

Every React Concept Explained in 12 Minutes

Migrando uma aplicação React p/ Tailwind V4 (deu certo?)

Migrando uma aplicação React p/ Tailwind V4 (deu certo?)

Como se destacar como Dev Front-end na era da IA: 7 skills essenciais para sua primeira vaga!

Como se destacar como Dev Front-end na era da IA: 7 skills essenciais para sua primeira vaga!

Como criar o botão de Like perfeito com React Query (sem erros de hidratação!)

Como criar o botão de Like perfeito com React Query (sem erros de hidratação!)

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]