Ini adalah KEKUATAN UTAMA SHADCN UI + Tailwind

Поділитися
Вставка
  • Опубліковано 5 бер 2024
  • Follow my socials:
    Instagram: / theodevoid
    Discord: / discord
    LinkedIn: / tmangowal
    TikTok: / void_fnc
    Twitch: / voidfnc
    Sawer (Donasi):
    saweria.co/voidfnc
  • Розваги

КОМЕНТАРІ • 64

  • @mrqueen69
    @mrqueen69 4 місяці тому +15

    bang buat tutor best practice on industri lagi🔥🔥🔥

  • @ramanovaris
    @ramanovaris 4 місяці тому

    akhir nya bahas shadcn 🙌

  • @novalarg
    @novalarg 4 місяці тому

    menyala abangkuhhh🔥💯🌾🌾

  • @satrianugraha6322
    @satrianugraha6322 4 місяці тому +3

    gara gara udah make shadcn, gak pernah pake component ui yang laen.

  • @daffaharizal7915
    @daffaharizal7915 4 місяці тому

    emejing bang, big thanks

  • @sandemoid2457
    @sandemoid2457 4 місяці тому

    di channel ini apakah pernah bahas dan implemntasi Authentication & Authorization pada RESTful API?

  • @dandiferrrari
    @dandiferrrari 4 місяці тому

    nice content bang

  • @jenn9233
    @jenn9233 4 місяці тому +4

    Tapi ada kekurangannya bang, yang abang coba implementasi kan komponen yang ga interaktif seperti input, okelah kalo seperti itu kita bisa copas manual code nya dan kita mempunyai full kontrol, tpi kalau komponen yang interaktif seperti acordion atau carousel kita harus install shadcdn ke dalam projek kita untuk mendapatkan efek kalau misal di carousel tombol klik kanan dan kiri, sedangkan kalau install shadcdn tersebut kita udah dibuatin komponen dari shadcdn langsung, kustomisasi nya jadi terbatas hanya disediain semacam props untuk melakukan custom seperti warna dll, kita gada kontrol penuh terhadap element seperti copas manual

    • @fikriilhamarifin96
      @fikriilhamarifin96 4 місяці тому +1

      lah kan ente bisa edit langsung di /component/ui

    • @voidfnc
      @voidfnc  4 місяці тому

      benar sekali, makanya gue pun dalam shadcn ui juga pilih2 component yg gue pake. Contohnya gue paling sering menghindari Sonner, karena dia sangat dependent ke library external yg implementasinya sangat abstracted dan gak mudah di-customize. But then again kalo emang gue gak butuh customization dari sisi implementasi, baru gue install components yg rely ke external libraries.

  • @bintangnaufal
    @bintangnaufal 4 місяці тому

    bang bikin konten sveltekit bang sama rekomenin ui library pilihan lo, habis itu bikin konten expo react native juga yaa hehe 😍😍

  • @fahdialan3087
    @fahdialan3087 4 місяці тому +1

    Preview dark modenya dong ngab

  • @adityamuhamadputrap.8299
    @adityamuhamadputrap.8299 4 місяці тому

    bang model kacamatanya apa?

  • @bocilProgramer
    @bocilProgramer 4 місяці тому

    katanya mau live lagi

  • @nitrox5631
    @nitrox5631 4 місяці тому +1

    bahas ant design bang

  • @hakimfirman1275
    @hakimfirman1275 4 місяці тому

    samaan bang, gw jg lagi build web pake style neo brutalism

  • @wasasi3021
    @wasasi3021 4 місяці тому +3

    bang suaranya kecil

  • @artaahenda
    @artaahenda 4 місяці тому

    Menarik saya kira ini library component

  • @milkyindo
    @milkyindo 4 місяці тому

    bahas DaisyUI juga bang

  • @ridwangate
    @ridwangate 4 місяці тому

    menyala abangku.. 😁, btw suaranya kecil

  • @viery_n
    @viery_n 4 місяці тому

    bahas Swagger sabi kali bang 🌾

  • @OKYSUWU
    @OKYSUWU 4 місяці тому

    Setelah 3 bulan makan uang membership akhirnya ada video baru ❤

  • @crewtechno4761
    @crewtechno4761 4 місяці тому

    gua juga make nih, mudah sih tapi gimana yah wkwkwk

  • @HendroSetiawan
    @HendroSetiawan 4 місяці тому

    Spill theme vscode dong bang theo

  • @yogyyconst
    @yogyyconst 4 місяці тому

    suara agak kecil bang

  • @iryindriyanto8442
    @iryindriyanto8442 4 місяці тому +1

    ada satu komponen default yang menurutku kurang di shadcn, datepickernya. buat pick date of birth sangat tidak nyaman 😂

    • @voidfnc
      @voidfnc  4 місяці тому

      aslii, component date susah banget diimplementasi😭

  • @elvizsky7487
    @elvizsky7487 4 місяці тому

    Halo bang

  • @canra245
    @canra245 4 місяці тому

    bang, kamu handle image opload nya pake apa?

    • @voidfnc
      @voidfnc  4 місяці тому +1

      3 cara utama gue:
      1. Pake API sendiri yg nyambung ke S3 bucket
      2. Pake Supabase storage
      3. Pake Uploadthing

  • @Rhidayah
    @Rhidayah 4 місяці тому +3

    Pas dri vscode ke tampilan web ny, serasa kena flashbank

    • @voidfnc
      @voidfnc  4 місяці тому

      hehehhehehehhehehehheheh makanya gua kasih warning😁

  • @fajarramadhann
    @fajarramadhann 4 місяці тому

    aku tetep nonton meski ga ngerti telwin🥰🥰 demi bang theo🥰🥰🥰😋😋😋

  • @cygtrafolia1007
    @cygtrafolia1007 4 місяці тому

    suaranya kekecilan bg

  • @evantino5498
    @evantino5498 4 місяці тому

    Bang void pliss lanjutin part JavaScript nyaa banyak yang suka tu bangg salah satunyaa sayaa,terbantu bangett...😁🔥

  • @astra8072
    @astra8072 4 місяці тому

    daisyUI coba bang

  • @NovitaPuput-nq5mr
    @NovitaPuput-nq5mr 2 місяці тому

    bang, thats not dengan mudahnya bagi gue :(

  • @nolep5555
    @nolep5555 4 місяці тому

    bang mau tanya, kan kalau di shadcn itu ada variant, size dll itu semisal banyak yang gak kepake itu ngaruh ke performa gak ya?

    • @nolep5555
      @nolep5555 4 місяці тому

      dan kalau ditumpuk lagi styling pake tailwind dimana componentnya itu dipanggil itu ngaruh ke porfma ga ya, karena kan ada dua class tailwind yang digabung jadi satu

    • @voidfnc
      @voidfnc  4 місяці тому

      @@nolep5555 1. Ngaruh tapi dikit banget, gak signifikan.
      2. Gak masalah kok, karena inget tailwind ujung2nya akan hapus juga classes yang ga kepake. Jadi mau ditumpuk di satu component jg gapapa kalo classes tersebut memang sering dipake

    • @nolep5555
      @nolep5555 4 місяці тому +1

      yang no 2 itu dihapus pada saat mode produksi aja ya bang, soalnya kecepatan mode dev sama production beda banget@@voidfnc

    • @voidfnc
      @voidfnc  4 місяці тому

      @@nolep5555 betullll

    • @nolep5555
      @nolep5555 4 місяці тому

      @@voidfnc thankyou jawwbannya bang

  • @gamernogame2808
    @gamernogame2808 4 місяці тому

    Lebih speed + ringan yang mana Shadcn / material/ chakra?

    • @voidfnc
      @voidfnc  4 місяці тому

      Material UI terkenal rada berat, from experience juga memang terbukti sangat amat berat. Chakra UI belom pernah compare dalam production. Shadcn karena pada dasarnya dia hanya tailwind + radix, jadi sejauh ini gue rasa dia paling ringan

  • @dpras29
    @dpras29 4 місяці тому

    Bang coba AcernityUI bang, gua abis liat docs nya agak goyah dari shadcn

    • @voidfnc
      @voidfnc  4 місяці тому

      udah nyoba, tapi menurut gue use case-nya memang agak beda. Acernity lebih ke nambahin hal2 yg lebih fancy, dimana shadcn lebih ke core design system😁

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

    bg course lu sekali bayar dapet semua vidio ga ? atau tiap ada vidio baru bayar lg?

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

      sekali bayar dapet semuanya selamanya😁

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

      @@voidfnc otw join bg

  • @bhanurz
    @bhanurz 4 місяці тому

    bang kenapa mic lu kecil bener suaranya?

    • @voidfnc
      @voidfnc  4 місяці тому

      seriusann? mohon maaf nanti gue fix yaa

    • @bhanurz
      @bhanurz 4 місяці тому

      @@voidfnc serius bang itu kalo di gua yak, mungkin di yang lain beda

    • @adics
      @adics 4 місяці тому

      ​@@voidfnc iya bang. kecil di gw

  • @totojatiwijayanto4501
    @totojatiwijayanto4501 4 місяці тому

    bang theo, lanjut bahas docker bang🙏

    • @voidfnc
      @voidfnc  4 місяці тому

      udah pernah ku bahas di video2 sebelum ini😁

  • @tsaqif_mu
    @tsaqif_mu 4 місяці тому +2

    bang tutor best practice industri lagi bang

  • @umardev500
    @umardev500 4 місяці тому

    pake tailwind menghindari component based kayak shadcn dll

    • @voidfnc
      @voidfnc  4 місяці тому

      cmiiw tapi bukannya tailwind sendiri justru nge-promote penggunaan components? Atau mungkin yg dimaksud adalah pre-built component libraries😁

  • @melffy
    @melffy 4 місяці тому

    Bro shadcn ui is the "new bootstrap"

    • @voidfnc
      @voidfnc  4 місяці тому

      at least shadcn is way more customizable😭

  • @yakariayahya
    @yakariayahya 4 місяці тому

    frist