Estas son Todas las Novedades de REACT 19 🚀 | EXPLICADO hasta con CÓDIGO 📚
¡Bienvenidos a nuestra guía completa sobre las novedades de React 19! En este artículo, te explicaremos todas las nuevas características y mejoras que trae consigo la última versión de React. Además, te proporcionaremos ejemplos de código para que puedas comprender mejor cómo utilizar estas nuevas funcionalidades en tus proyectos.
Novedades de React 19
- Concurrent Mode: React 19 introduce Concurrent Mode, una nueva forma de renderizar componentes de forma concurrente para mejorar el rendimiento de nuestras aplicaciones.
- Nuevos Hooks: Se han añadido nuevos hooks como useTransition y useDeferredValue, que nos permiten manejar de forma más eficiente las transiciones y la carga de datos en nuestra aplicación.
- Strict Mode mejorado: Ahora Strict Mode ha sido mejorado para proporcionar alertas más claras sobre posibles problemas en nuestra aplicación.
- Mejoras en Suspense: React 19 trae mejoras en el manejo de Suspense, permitiendo cargar componentes de forma más eficiente y controlada.
- Compatibilidad con TypeScript: Se han realizado mejoras en la compatibilidad de React con TypeScript, facilitando la escritura de código más seguro y robusto.
Ejemplos de Código
A continuación, te mostramos ejemplos de código para que puedas comenzar a utilizar algunas de las nuevas características de React 19 en tus proyectos:
import React, { Suspense } from 'react';
const Profile = React.lazy(() => import('./Profile'));
function App() {
return (
<Suspense fallback={Loading...}>
);
}
export default App;
En este ejemplo, utilizamos Suspense de React 19 para cargar de forma diferida el componente Profile, mostrando un indicador de carga mientras se realiza la carga del componente.
¡Esperamos que esta guía te haya sido de ayuda para comprender las novedades de React 19! No dudes en experimentar con estas nuevas funcionalidades y mejorar tus aplicaciones con lo último de React 🚀
Buenas a todos ! Repositorio en la descripción, no te olvides de darle un me gusta al video, un compartir, una buena subscribida y de dejar un comment para ayudar a ayudar a más gente!!!
7:12 entonces por ejemplo Angular no tiene esos problemas de framework que deben solucionar los devs con hooks como memo… O vueJs (?)
La calidad que se maneja aquí es increíble , un saludo rey! 👑
Justo quiero aprender Angular, creo que viene con todo y ademas en la ciudad donde vivo las empresas "grandes" de aqui usan Angular, yo actualmente trabajo con React, mas con nextjs que otra cosa, que recomiendas para aprender o adaptarme a angular mientras trabajo en react
Quiero arrancar un proyecto de 0 y necesito server component por lo que pensaba usar next… Se sabe cuando sale esta version de react?
Muchas gracias Bro.
Gentleman no me gusta Angular, espero que REACT llegue con todas estas mejores y que siga actualizandose
ya te has vuelto mi youtuber favorito por todo el trabajo de edición, synthwave loco en algunas escenas anteriores, y el bigote jajaja, lastima que soy full backend
sos un genio pa… gracias por el repo para probar los cambios
el useOptimistic me parece un hook genial sobre todo un ejemplo claro es lo que hace el botón de twitter de me gusta cuando la conexión internet esta lenta este simula que le has dado me gusta y actualiza la UI, si la accion de me gusta fue exitosa pues lo deja tal cual como estaba y si no se cambia la UI seria algo así
🤍
ase click se utiliza el useOptimistic y actualizamos la UI
❤
si la accion fue exitosa lo dejamos tal cual como esta y si no volvemos al estado original de la UI
🤍
a que compilador te estas refiriendo? estas hablando de babel (Transpilador) o de webpack(empaquetador)? no me queda claro de que estas hablando.
Buen video, los qe sabemos Python puro, podríamos aprenderlo rápido? Hay ya tutoriales de esta versión?
0:52 🤨
Excelente lo estoy mirando con mucha atención.
meeee jajajaja
Me encanta, que emoción de que todo esto este ya en producción.
Tienes algun video de como usar @ngx-env/builder en angular, y como poder tener multiples archivos .env
Igual me quedo con Angular, el equipo de react es muy experimental.
Svelte está muy bueno y con una curva de aprendizaje mínima, el problema es que la comunidad sigue siendo pequeña, no veo un crecimiento destacado. Pregunta: ¿cuál seria el camino que crees debería tomar Next.js?
Tremendo! <3