Los 6 mejores frameworks de interfaz de usuario basados en ReactJS
Empecemos…
Material-UI
MaterialUI es un conjunto de componentes React que implementan las pautas de diseño de materiales de Google. Cuando se trata de componentes predefinidos, especialmente UI, una cosa importante que debemos encontrar es cuántos widgets de UI están disponibles y si se pueden personalizar con configuraciones.
Material-UI tiene todos los componentes que necesita y es muy configurable con una paleta de colores predefinida y un componente que le permite definir un tema de color personalizado para su aplicación.
De los cientos de frameworks de interfaz de usuario que existen, Material UI es uno de los mejores frameworks de interfaz de usuario basados en Reactjs que tiene la implementación más refinada de Material Design. Con 678 colaboradores y 35 000 estrellas de GitHub, es una de las bibliotecas más populares y mantenidas activamente.
Configuré la aplicación de muestra proporcionada en los ejemplos del proyecto material-ui para stackblitz para una demostración rápida Consulte el código aquí.
Personalmente, creo que no es un gran ejemplo para mostrar cuál es la capacidad del material ui, pero definitivamente es un comienzo simple.
El sitio web oficial también tiene buena documentación y demostraciones por componente, lo cual es una buena fuente de información.
BootStrap
Bootstrap es uno de los frameworks CSS más populares y ampliamente utilizados. No sorprende tener el dúo de React y Bootstrap. React Bootstrap es un conjunto de componentes React que implementan el framework Bootstrap. React-Bootstrap actualmente apunta a Bootstrap v3 y el equipo es trabajando activamente en Bootstrap v4.
Con 204 colaboradores y 12K estrellas de github, es una de las bibliotecas populares y mantenidas activamente.
Desafortunadamente, react-bootstrap no proporciona ningún ejemplo de proyecto funcional, pero hay ejemplos para cada componente que se pueden encontrar aquí.
Configuré una aplicación de muestra en stackblitz compilando 2 de los ejemplos independientes de la documentación.
Semantic UI React
La interfaz de usuario semántica es un framework de desarrollo que ayuda a crear diseños hermosos y receptivos utilizando HTML fácil de usar.
Este framework está más influenciado por el estilo semántico de HTML que tiene significado para cada clase de css. La interfaz de usuario semántica trata las palabras y las clases como conceptos intercambiables. Las clases usan la sintaxis de lenguaje natural como relación sustantivo / modificador, pluralidad, orden de palabras para tener un vínculo entre conceptos de manera intuitiva.
La semántica también usa frases simples llamadas comportamientos que activan la funcionalidad.
Semantic UI React es la integración oficial de React para Semantic UI
Con 175 colaboradores y 6K estrellas de github, es una de las bibliotecas populares y mantenidas activamente.
Desafortunadamente, la semántica de reacción no proporciona ningún ejemplo de proyecto funcional, pero hay ejemplos para cada componente que se pueden encontrar aquí.
React ToolBox
Otra pluma en la biblioteca basada en Google Material Design. React Toolbox es una biblioteca de interfaz de usuario que sigue los conceptos de Material Design de Google y se basa en algunas de las propuestas más modernas como Módulos CSS (escritos en SASS), Webpack y ES6.
La biblioteca armoniosamente se integra con su flujo de trabajo Webpack y es fácilmente personalizable y muy flexible.
Con 219 colaboradores y 7k estrellas de GitHub, es una de las bibliotecas populares y mantenidas activamente.
El sitio web oficial alberga ejemplos de todos los componentes que se pueden explorar aquí. carga en el patio de recreo característica que lo ayuda a explorar características y capacidades allí mismo y sin ninguna configuración adicional.
Ant Design
Un lenguaje de diseño de interfaz de usuario de clase empresarial e implementación basada en React.
El diseño Ant es un conjunto de componentes React de alta calidad listos para usar que están escritos en TypeScript. Admite navegador,, representación del lado del servidor y Electrón entornos, tiene muchos componentes e incluso un tutorial con Create-react-app
Con 443 colaboradores y 24k estrellas de GitHub, es una de las bibliotecas populares y mantenidas activamente.
React + Foundation
Al igual que bootstrap, CSS framework Foundation es otro framework CSS popular. Foundation de Zurb es una biblioteca muy rica en funciones y fácilmente personalizable. React Foundation es una biblioteca implementada Foundation como componentes React.
React Foundation es básicamente el envoltorio de todas las partes de Foundation en componentes React reutilizables siguiendo las mejores prácticas del framework. El objetivo principal detrás del desarrollo de React Foundation es la facilidad de uso y la extensibilidad.
A diferencia de otras bibliotecas de interfaz de usuario para desarrollar aplicaciones Reactjs que hemos explorado anteriormente, React Foundation tiene colaboradores muy limitados y un desarrollo activo muy bajo.
Si quieres conocer otros artículos parecidos a Los 6 mejores frameworks de interfaz de usuario basados en ReactJS puedes visitar la categoría Desarrollo Web.
Deja una respuesta
Lo siento, debes estar conectado para publicar un comentario.