Nuestro equipo ha estado usando Material-UI (MUI) durante bastante tiempo y nos encanta. Con el lanzamiento de MUI v5, nos tomamos el tiempo para verificar qué solución de estilo usaríamos a continuación, ya que el equipo de MUI está abandonando JSS.
Terminamos siguiendo una discusión de la gente de Shopify . Hicieron una comparación muy detallada de las soluciones de peinado y terminaron con el extracto de vainilla como su herramienta preferida. La sólida compatibilidad con TypeScript y, sobre todo, el enfoque de tiempo de ejecución cero, nos convencieron.
Lamentablemente, el equipo central de MUI no había considerado el extracto de vainilla en su toma de decisiones .
MUI, según sus documentos , permite al usuario utilizar varias soluciones de estilo. El motor de diseño que se usa debajo del capó se puede configurar, como se describe a grandes rasgos aquí .
Preguntas:
Contrariamente a la práctica común, realmente no he probado nada todavía, en cuanto a la implementación. Según tengo entendido, esto significaría crear algo similar a mui-styled-engine (envuelve la emoción) y mui-styled-engine-sc (envuelve los componentes con estilo). Como eso me pareció bastante complicado, pensé en preguntar primero.
La comparación detallada que proporcionó no incluye jss. Pero puede usar jss directamente sin una configuración de MUI. Utilice reaccionar-jss. No sé sobre el tiempo de ejecución cero, pero también admiten mecanografiado y será fácil para usted migrar sus hojas de estilo existentes escritas en MUI4. Solo necesita cambiar los nombres de las funciones, como makeStyle para createUseStyles. Aquí está todo el documento: https://cssinjs.org/react-jss/?v=v10.9.0
Personalmente, me gusta jss porque ayuda a mantener intactos los estilos de los componentes reales. Lo he usado sobre MUI 5 provisto de motores de estilo y estoy muy contento con los resultados.