Shadcn UI + React JS | A Quick guide

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ต.ค. 2024
  • Shadcn is becoming new favourite way to build out UI's together with Tailwind css. In this video I'll just show you a quick walkthrough on how you can install this library and components in your react js project. Also I'll be designing a login page with these components and show you how you can add themes, add a dark mode.
    Shadcn UI library -
    ui.shadcn.com
    #shadcnui #reactjs #tailwindcss #loginpage

ความคิดเห็น • 19

  • @guillaumeclimentygarcia8143
    @guillaumeclimentygarcia8143 9 หลายเดือนก่อน +25

    First video I watch using shadcn with React instead of Next, thanks!! So many teams still use react/vite , please publish more videos on how to create nice pages with Shadcn + React/vite :)))!

    • @CodingEndpoint
      @CodingEndpoint  9 หลายเดือนก่อน

      Sure, will make more videos on shadcn ui with react.

    • @duztv5370
      @duztv5370 หลายเดือนก่อน

      This your comment is goated. Almost everyone is using it with Nextjs, I don't know why they are ignoring using shadcn with reactjs and vite.

    • @parashgoswami264
      @parashgoswami264 20 วันที่ผ่านมา

      Yes ... please add more videos on shadcn react...

  • @nemeziz_prime
    @nemeziz_prime 5 หลายเดือนก่อน +4

    This is a great guide for beginners who aren't comfortable with using ShadCN in React + Vite

  • @andersonbenjamintargino2619
    @andersonbenjamintargino2619 10 หลายเดือนก่อน +2

    Congratulations on the excellent work!!! Your content helped me a lot. A hug.

  • @mahmoudkhaled3961
    @mahmoudkhaled3961 8 หลายเดือนก่อน +2

    Wow, you helped me a lot, thank you a ton!

  • @parashgoswami264
    @parashgoswami264 20 วันที่ผ่านมา

    Thank you for tutorial...I am having error in npm install if use node version 22.9.0....what version u r using

  • @AlexanderBogdanov-dw6cw
    @AlexanderBogdanov-dw6cw 7 หลายเดือนก่อน +2

    Огромное Вам спасибо. Можете пожалуйста про сложные компоненты снять видео shadcn ui?

  • @pranaybhange
    @pranaybhange 7 หลายเดือนก่อน +2

    Link from react-router-domnot working how to use it in reactjs with shadcn?

  • @nahid-mahmud
    @nahid-mahmud 10 หลายเดือนก่อน +2

    Thank you so much For this video.💘

  • @habibshahid4647
    @habibshahid4647 9 หลายเดือนก่อน +2

    it was very helpful

  • @ahmedfarooq7253
    @ahmedfarooq7253 11 หลายเดือนก่อน +1

    Hey how can i install it with JavaScript(Jsx) instead of TypeScript(Tsx)?

    • @CodingEndpoint
      @CodingEndpoint  11 หลายเดือนก่อน +2

      You can follow the manual setup they have listed on shadcn/ui official installation page. For React JSX project you need some additional tsconfig.json file configuration added. I tried finding some documentation on shadcn/ui website but they have not mentioned anything related to jsx project.
      I found this starter project you can use for React JSX.
      github.com/spiritoftime/shadcn-reactjs-starter.git
      It has AlertDialog Demo component added, you can add other listed component by installing those using the npm commands. Hope this helps.

  • @electronicapu
    @electronicapu 10 หลายเดือนก่อน

    I want to use JavaScript instead of TypeScript. Is that even possible ???

  • @ashish.ksingh8765
    @ashish.ksingh8765 9 หลายเดือนก่อน +1

    Thank you bro.

  • @AnishS-cp
    @AnishS-cp 10 หลายเดือนก่อน +2

    Nice.

  • @dananjayachathuranga7113
    @dananjayachathuranga7113 9 หลายเดือนก่อน +2

    thank u