The GOAT of React UI Libraries

Поділитися
Вставка
  • Опубліковано 25 лис 2024

КОМЕНТАРІ • 56

  • @anthonyowolabi1890
    @anthonyowolabi1890 10 місяців тому +3

    Worked with this library for a project, one of ky best experiences with a ui library fast and efficient

  • @aminedaimallah310
    @aminedaimallah310 Рік тому +7

    there is also elastic ui, baseweb from uber, carbon from IBM, mantine, primereact and more....

  • @naylord5
    @naylord5 Рік тому +12

    Shadcn for the win!

  • @MaxProgramming
    @MaxProgramming Рік тому +15

    Shadcn ui is truly the goat. Chakra was my favourite after I used Tailwind because it gave me that control over the components but Shadcn ui is simply overpowered 💯

    • @benotisanchez5583
      @benotisanchez5583 Рік тому +4

      Lol. I've used shadcn, radix, and mui. I've also tried out chakra and ant, but not in-depth. I quickly abandoned radix and shadcn because they just weren't full-featured enough, after using them I regretted leaving the true GOAT, which is mantine. Mantine is so far above these UI libraries is actually funny. I'm now back with mantine and the difference is night and day.

    • @MaxProgramming
      @MaxProgramming Рік тому +2

      @@benotisanchez5583 Yeah you're right in your place. I totally forgot about Mantine lol. Even I rejected TW and Radix in the first place because Chakra and Mantine literally gave everything.
      Mantine is really good I agree and I'll blindly use it anytime. Shadcn ui gives kind of vercel vibes and the way it blends with tailwind makes me love it even more.
      So yeah if I had to pick any 2 frameworks that'd be Mantine or Shadcn ui. Thanks for reminding me about Mantine

    • @Omar_Al_Seddik
      @Omar_Al_Seddik 8 місяців тому +1

      @@benotisanchez5583 Comparing shadcn to Mantine is like comparing apples to oranges. One is a tailwind-based component collection with minimal abstraction, while the latter is a complete component framework that does everything with maximum abstraction and a design system of its own.
      There's no superior approach. Only preferences.

  • @HyperUpscale
    @HyperUpscale 11 місяців тому +5

    YES I am struggling to choose the right UI library for my next project or startup application.
    Unfortunately this video just made me struggle more.
    Thanks.

    • @CoderOne
      @CoderOne  11 місяців тому +2

      Go for shadcn 🫡

    • @Warpgatez
      @Warpgatez 8 місяців тому

      Shadcnui is fine for most projects. If not refactor with another component library or make your own.

    • @fbenfrank
      @fbenfrank 7 місяців тому

      Go tailwind UI. Copy and paste.

  • @c_g_stewart
    @c_g_stewart Рік тому +7

    Cool breakdown, I really like Mantine UI with tailwind, because it has the ready made components and you can kinda bypass designing and still get shit done. Would love to see a video comparing the developer speed of making a full page with Mantine vs Shadcn..

    • @jpjpjpjpjpjpjpjp
      @jpjpjpjpjpjpjpjp Рік тому +1

      do you style the mantine components with tailwind? i haven’t figured the right way to integrate the two because mantine has its own theming system

    • @ryujinwatatsumi
      @ryujinwatatsumi Рік тому +2

      I’ve used them both , and trust me shadcn is on another level

    • @ryujinwatatsumi
      @ryujinwatatsumi Рік тому +1

      ⁠@@jpjpjpjpjpjpjpjpyea they do have there own styling system but u still can override it with tailwind

    • @codewrangler
      @codewrangler Рік тому

      @@jpjpjpjpjpjpjpjp Interesting! is that even possible??
      i'm curious how you can combine mantine + tailwindcss - This is the first time i've heard of doing this and i'll give this a whirl

    • @Mikkelzu
      @Mikkelzu 10 місяців тому

      yeah we use mantine at work and i use it for personal projects, hands down my favourite ui to both use and setup, easy mode and especially now with 7.x it's even nicer to just use css modules (or scss) to force my team at work to create re-usable components

  • @dennisk648
    @dennisk648 11 місяців тому +4

    Copying and modifying source code for an enterprise project is generally not advisable. This approach effectively permits developers to create their own framework, which may include suboptimal decisions. Developers are paid to achieve business objectives, not to develop a new framework.

  • @xokyle
    @xokyle 9 місяців тому

    to be fair, making your dashboard was probably pretty easy since it's nearly identical to their example dashboard.

  • @jd5787
    @jd5787 3 місяці тому

    Hi! Starting learning programming after a 20 year hiatus... Is radix ui a substitute for tailwind? Thanks!

  • @Euquila
    @Euquila 10 місяців тому

    One thing I don't get is why we have to "choose" between tailwind and -- say -- CSS modules. Isn't it simply a 1-to-1 relationship between them? I'd imagine there's some tool that could re-write your project code to take all the tailwind and put it in a module (and vice-versa)

    • @Warpgatez
      @Warpgatez 8 місяців тому

      If there’s not, make it yourself. 😂 it’s a good idea and might get used by lots of big companies.

  • @teamarceus7077
    @teamarceus7077 10 місяців тому

    MANTINE is brutally under-rated !!!!

  • @StefanoV827
    @StefanoV827 Рік тому +1

    I couldn't find anything about autocomplete for example. I usually use MUI and I have everything I need.

  • @sahrilputra9481
    @sahrilputra9481 10 місяців тому +1

    Next ui is the best for me 😂🤣

  • @mariolim96
    @mariolim96 Рік тому

    There is so much difference between daisyui and shadcn?

  • @iloveanimals751
    @iloveanimals751 11 місяців тому

    tailwind beast

  • @adel.dev.account
    @adel.dev.account 3 місяці тому

    Did u say mantine>>>shadcn

  • @kia7422
    @kia7422 11 місяців тому

    Mantine is the best one

  • @browaruspierogus2182
    @browaruspierogus2182 11 місяців тому

    it's all written in typescript? gosh feel for new gen devs... we need native UIs with webassembly access without js monstrous spaghetto

  • @tylim88
    @tylim88 10 місяців тому

    mantine is the best

  • @kudorgyozo
    @kudorgyozo 11 місяців тому

    at around 5:36: wait isn't there some kind of optimization when u are only using one tiny thing out of a giant library?

    • @bharathm-ji7sv
      @bharathm-ji7sv 11 місяців тому

    • @j-o-nes
      @j-o-nes 2 місяці тому

      If you’re thinking of tree shaking then sure, it optimizes the bundle. But the library sources are still in your project directory and the IDEs still scan them to provide you with the correct type suggestions, autocompletions, etc.
      Therefore installing only necessary parts of the library might improve the performance during the development. Might be helpful for those who have slower machines or really large projects.

  • @nanonkay5669
    @nanonkay5669 Рік тому +1

    People are seriously sleeping on Mantine

  • @benotisanchez5583
    @benotisanchez5583 Рік тому +3

    Ive used shadcn, radix and mui. Ive also tried out ant and chakra. Non of these libraries actually come close to the goat: which is Mantine. Mantine is so much more superior it's hard to even compare the rest.

  • @theprimecoder4981
    @theprimecoder4981 Рік тому

    Chakra is my favorite

  • @voggo
    @voggo 10 місяців тому +1

    more like chadcn/ui

  • @lexsemenenko
    @lexsemenenko 11 місяців тому

    I use Kendo React - I pay for this GOAT. Consider if your app makes money.

  • @cirtey29
    @cirtey29 2 місяці тому

    Op

  • @ba8e
    @ba8e Рік тому +1

    It's called Svelte 😆

  • @rafikmansour4755
    @rafikmansour4755 8 місяців тому

    its not a objective tutorial

  • @EamonnMooney
    @EamonnMooney 10 місяців тому +12

    I hate tailwind and this project forces you to use it, so it's a no from me.

    • @xyssxy
      @xyssxy 9 місяців тому +5

      why? twc is awesome

    • @mr.random8447
      @mr.random8447 9 місяців тому +8

      Tailwind is goat

    • @Warpgatez
      @Warpgatez 8 місяців тому +6

      You’d rather spend hours making your own css for every project? Tailwind saves so much time and you can customize it to fit your nuances 😂

    • @ACEmmanuel
      @ACEmmanuel 7 місяців тому +2

      Adapt or give up

    • @teegees
      @teegees 5 місяців тому

      Why do you hate TW please elaborate

  • @steftrando
    @steftrando 11 місяців тому

    Why the light theme hate? Light theme is objectively superior