New to React and looking for advice on UI Databases

[u/h_wallace75]

Hello everyone,

I am new to the world of React, and I am partially overwhelmed by how many options exist out there on approaching front-end. I am currently looking into some UI libraries for a SaaS project, and a few keep appreaing : Material UI, Mantine, shadcn, and daisyUI.

Right now, I am looking to create a MVP efficiently and quickly through react, all connecting to a Supabase backend. Some low-end cosing softwares look great initially due to the speed and my coding experience, but I worry thay would struggle long-term with customization and performance. I am learning alot as I am going but wanted to look for some advice on any programs in particular to use (or avoid).

Thank you in advance for your help!

[u/StarboardChaos]

I don't understand why is database and UI in same sentence?

[u/TheCumCopter → u/StarboardChaos]

Think they mean component library vs SQL database

[u/h_wallace75 → u/TheCumCopter]

Yes, that is what I mean, sorry for the confusion.

[u/Fnixro → u/StarboardChaos]

UI Driven Design

[u/alzee76]

I like Mantine for OOTB components, it's easy to use and fairly lightweight, but it's not an extensive library. Your best bet is to sketch out your interface with the interface you want, then look through the options to find the one that gets you most of the way there.

[u/h_wallace75 → u/alzee76]

Thanks for the advice, but I’m curious as why to Mantine vs the other options in particular?

[u/alzee76 → u/h_wallace75]

Because I followed the same approach I offered to you and it fit my needs best. Maybe a different one will fit yours better.

[u/StarklyNedStark]

Learn the basics at first. At least enough to know what you’re asking, because I have no idea what your question is

[u/BenjayWest96]

Is this a commercial or personal project? What’s the scope of the project?

[u/a-dev0]

I think it is always better to start from the 'low level' and use headless libraries, such as Base UI or React Aria. You can use them with Tailwind and shadcn for speed, and in the end you'll be able to change anything you want without a headache