material-ui VS primereact

Warning that MUIs Typescript autocompletion / Intellisense in VSCode is extremely slow and has been a longstanding issue since 2020. For me personally it makes it unuseable.

Some examples of popular component libraries include MUI (the artist formerly known as Material UI), Headless UI by Tailwind Labs, and of course Radix UI.

Also you could take a look at how MUI generates it's icons components: https://github.com/mui/material-ui/blob/master/packages/mui-icons-material/builder.js

Material UI has been around since 2014 when Google first released it, but only recently did it become a full-fledged design system with the addition of its own CSS library. The original Material UI was just a set of guidelines for designers who wanted to use Google's design language in their projects. It didn't offer any code or tools that could be used to build sites or apps with it. To date, it has been downloaded over (npm) 295 million times and it has around 81,000+ GitHub stars.

In recent times, one of the robust ways to authenticate a login credential is JWT authentication. Today, we will discuss how we can implement JWT authentication for a login app in React. For styling, I am using Material UI for React. Originally, I implemented JWT authentication over a private login API; replace this API with your private API.

MUI

Just to give an example, some of the projects that I've found interesting are: https://github.com/orgs/TheOdinProject/repositories https://github.com/project-slippi https://github.com/frankborden/slippilab https://github.com/RCVolus/lol-pick-ban-ui https://github.com/OpenLitterMap/openlittermap-web https://github.com/mui/material-ui/issues

- MUI is a mature and stable ecosystem, has a pretty good documentation and the fact that is being used so much helps you by finding a lot of examples out there for many questions that you might have. It has support for React 18. The minus here is, as I said, the customization that can take a while if you completely want to change the UI of a component and and especially if you're not familiar with the library. Also is lacking in some components which you have to install as a separate package.

React: MUI, AntD, Chakra, Mantine

There is also PrimeReact with various components and templates. Greetings from PrimeTek.

https://www.primefaces.org/primereact/ These guys provide fancy components from a wide palette and similar components for Angular, Vue.JS and even JSF.

Sakai is a free admin template from PrimeReact whose name is inspired by the legendary Ghost of Tsushima game. Sakai was implemented as a create-react-app template and with v8 we’ve reimplemented it as a NextJS template. Typescript version is also being worked on.

Primereact is just complete. Easy to set and use. Primereact Link

I am using primereact in an enterprise solution for manufacturing. It is fantastic. In the past, I used PrimeFaces, for Java, to build a robust software that controls electricity grid for Brazilian govermentent. So the company did all the auditing and testing before use it. And PrimeReact keeps the same quality of PrimeFaces. (Similar product, but for react)

Hi from PrimeTek, you may be interested in PrimeReact.

PrimeReact

Why not PrimeReact? Greetings from PrimeTek.

Have you tried PrimeReact? It has sophisticated and comprehensive components. They also have equivalent for Angular (PrimeNG), VueJS (PrimeVue) and Jakarta Faces (PrimeFaces). They have icons (PrimeIcons), CSS utility similar to TailwindCSS, called PrimeFlex, and PrimeBlocks, ready to use UI blocks using PrimeFlex utility.

- PrimeReact looks very promising and easy to use. It has a lot of components and it seems that there is some React 18 support. Last time I checked the library github there were some bugs with some form components, the accordions were jumpy and RTL is not fully supported. A part of these things are on their roadmap, but I don't know if there is an ETA.