MUI V6 y más allá

Traducido de la entrada de Marija Najdova en el blog de Material UI.

A medida que nos acercamos al final de 2023, hemos tenido la cabeza trabajando en algunos proyectos muy interesantes para el futuro de Material UI en el próximo año. Hemos reevaluado nuestra estrategia de versiones principales y hemos llegado a la conclusión de que necesitamos lanzar versiones más pequeñas con más frecuencia. Sigue leyendo para saber por qué, y descubre más sobre nuestros planes para v6 y v7 de Material UI en 2024.

Dos releases principales

Una de las lecciones más importantes que aprendimos durante el ciclo de la v4 a la v5 es que lo mejor es lanzar versiones más pequeñas con menos cambios de última hora. Muchos desarrolladores expresaron lo frustrante que fue migrar a la v5 cuando se lanzó a finales de 2021, ¡y podemos empatizar con ellos! Queremos asegurarnos de que no vuelva a ocurrir. Eso significa que puedes esperar actualizaciones más graduales repartidas en dos versiones principales en 2024. Esto es lo que planeamos para cada una de ellas:

Material UI v6

Con la versión estable prevista para el segundo trimestre de 2024, el principal objetivo de Material UI v6 es lanzar un nuevo motor de estilo CSS-in-JS sin runtime, que allanará el camino para la compatibilidad con React Server Components y añadirá mejoras significativas de rendimiento. Lo estamos construyendo para que la actualización sea opcional, lo que significa que no necesitarás comprometerte inmediatamente.

Como muestra de la mejora de rendimiento, aquí tienes algunas de las primeras métricas de Lighthouse con un par de componentes principales ejecutándose en un MacBook Pro M1 Max con 32 GB de RAM:

Tiempo de bloqueo total (TBT)	Emotion	Cero-runtime
Caso #1: 1000 botones	10ms	0ms
Caso #2: 1000 inputs bordeados	250ms	0ms

Material UI v7

Material UI v7 es donde puedes esperar ver soporte nativo para Material 3, la última actualización de Material Design de Google, así como muchas otras mejoras de diseño en todo el conjunto de componentes. Está prevista provisionalmente para el cuarto trimestre de 2024.

Sin embargo, el desarrollo de esta versión ya está en marcha. Consulte los componentes que ya son compatibles con las especificaciones de Material 3, a través del paquete experimental @mui/material-next, visitando la página recién publicada All Components.

// - import Button from '@mui/material/Button';
import Button from "@mui/material-next/Button";

Del diseño al desarrollo

Además de las actualizaciones de la biblioteca React, también hemos estado trabajando en un plug-in Figma largamente solicitado para ayudar a cerrar la brecha entre los diseñadores y desarrolladores que utilizan Material UI. Estamos muy cerca de la primera versión, que está hecha a medida para funcionar bien con los Material UI Design Kits.

Lo estamos llamando MUI Connect, y genera un archivo de tema con todas las personalizaciones realizadas en Figma. Podrás exportarlo y pegarlo en tu código base, así como visualizarlo en una instancia de Storybook. Esté atento al lanzamiento de la versión beta a principios del año que viene.

Un enfoque más nítido

Para llevar a cabo estos lanzamientos, la atención del equipo de Core se centrará plenamente en Material UI durante la mayor parte de 2024. Mientras tanto, vamos a suspender el desarrollo de Joy UI, así que no esperes nuevas funciones o componentes. Sin embargo, ¡tenemos grandes ideas para Joy UI! Espere oír más sobre eso hacia el final del Q2 ‘24.

Siga la evolución y contribuya

Hemos consolidado los cambios de la versión 6 en esta issue de GitHub. No dudes en participar en los debates. También puedes consultar el proyecto público Material UI en GitHub para ver las versiones previstas y sus respectivas ediciones.

Esperamos que estés tan entusiasmado como nosotros con estos cambios. ¡Que pases unas felices fiestas y un próspero año nuevo! 🎉