Que libreria para componentes React recomendais para novatos?

desu

Hola, estoy haciendo un proyecto y busco librerias de componentes para React.

A considerar:

  • no soy front end
  • no se ni papa de css, por tanto una libreria con css coherentes es un plus
  • busco lo mas facil que pueda copy pastear y adaptar a mi proyecto
  • busco una libreria gratuita con el maximo de componentes basicos disponibles

En Angular siempre he tirado de PrimeNG (https://primeng.org) que en su dia hicimos un analisis y si bien no era la mas popular es la que mas componentes "gratuitos" tenia disponible. Por encima de bootstrap y similares.

Ahora para React que recomendais?

He visto https://primereact.org y googleando me ha salido https://mui.com. Esta de MUI tiene buena pinta alguien lo ha usado? Al final el objetivo es instalar el paquete que toque, poner uno de los css que ofrezca la libreria y empezar a poner los componentes de la libreria en mis componentes.


Zh3RoX

https://park-ui.com/

https://nextui.org/

https://chakra-ui.com/

liebgott

https://ui.shadcn.com/

7 2 respuestas
pantocreitor

https://www.telerik.com/kendo-react-ui

Este lo usaban en un proyecto en el que estuve trasteando con el front y tiene mil mierdas, todas configurables con clases propias de configuración para cada tipo de componente.

1 respuesta
Zh3RoX

#4 1000 pavos, debería hacerme la cena y todo xddd

Wei-Yu

html5 + css modules

  1. menos trabajo de mantener
  2. menos trabajo de desarrollar
  3. lo que aprendes te vale para el futuro
  4. no van a jubilar ni deprecar la api entera, cosa que sí ocurre con las libs mágicas

las libs de componentes sólo te sirven para perder tiempo y tener dolores de cabeza, son el spring boot del frontend

2 1 respuesta
9

MUI, te viene todo hecho. si quieres algo custom le das override y listo. La documentacion esta al dia, tiene casi todos los casos y componentes que puedas necesitar.

Es el que usamos, custom, en el curro.

https://mui.com/

hwki

#3 this

DiegoZen

Yo lo único que utilizo de vez en cuando es Material UI para iconos, autocomplete, badges etc. Es muy fácil de usar.

desu

#6 "no soy front end" ni quiero aprender html ni css en la vida julio

1 respuesta
Zoko

xd

2
Wei-Yu

#10 aprender a usar una lib de componentes no tiene coste cero tampoco. Realmente de maquetación pura con irte a la guía de estilo de material y sacar las constantes en base al tamaño de pantalla ya tienes el 80% del curro hecho, el resto es googlear cómo haces que el flex haga xyz cosas y poco más, y esto son muy poquitas horas de estudio a cambio de libertad total y cero acople a los breaking changes que te van a venir tarde o temprano.

1 respuesta
desu

#12 A ver, lo que quiero hacer ya lo comente en su dia es muy fácil.

Podria intentarlo... pero es mucho mas fácil maquetar con libererias de componentes.

SupermaN_CK

https://mantine.dev/

RedSpirit

Si vas a hacer algo tipo dashboard Tremor está bastante bien.

1 respuesta
desu

#15 es una unica pagina con una tabla/lista de elementos, paginación, y filtrado de elementos por categorias...

iniciare el proyecto con #3 que tiene mas manitas

como dijeron atras me lo podría picar a pelo pero si luego evoluciona o pivoto algo, mejor la librería para empezar. si añado una pagina de detalle o usuarios pues tener los componentes ya hechos me hará iterar mas rápido.

1 respuesta
Soltrac

#16 hazlo con blazor, te haces dev en .net y explotas la cabeza a medio foro

desu

Actualizo, estaba mirando de usar nextjs porque es lo que tenemos en el curro y así me sirve también para ver algo mas potente...

He visto que tienen 3-4 proyectos templates muy interesantes que podría utilizar.

Quizás me animo y abro un diario como @isvidal para enseñar a los fperos del foro como se alinean divs al toque.

7 1 respuesta
Zoko

Llevabas dos semanas para escoger algo y 0 lineas tiradas, el diario tiene buena pinta.

Ah espera, que encima #18 es de hace 6 dais, osea que llevas 3 semanas sin haber tirado una linea pero vas a enseñar a la gente como se hacen las cosas.

Usuarios habituales

  • Zoko
  • desu
  • Soltrac
  • Wei-Yu
  • hwki
  • 922928
  • Zh3RoX