Shadcn: The Future of React Native UI

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 พ.ย. 2024

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

  • @hightowertech
    @hightowertech  3 หลายเดือนก่อน +2

    React Native Reusables Git Repo - rnr-docs.vercel.app/getting-started/introduction/

  • @seongminpark3131
    @seongminpark3131 2 วันที่ผ่านมา

    댓글들을 보니 아직 오류가 많지만 좋은 내용을 소개해줘서 고마워요

  • @abdulhannan5672
    @abdulhannan5672 2 หลายเดือนก่อน +3

    I've seen the transitioning of Gluestack UI from beta to v2 and it's a very good component library for react-native for starters. But having rnr around is such a relief.

    • @jensen7141
      @jensen7141 16 วันที่ผ่านมา +1

      which one is better gluestack ui v2 or rnr ?

    • @xanderthunder69
      @xanderthunder69 12 วันที่ผ่านมา

      @@jensen7141 I am also interested which one will be better for starting out RN dev, coming from ShadCN on NextJS.

  • @abdulhannan5672
    @abdulhannan5672 2 หลายเดือนก่อน +14

    I'm not sure why there is no hype about it in react-native community. Like this is what I've wished for since Shadcn came out.

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

      That is exactly why I wanted to make this video. When I came across this for the first time, I checked TH-cam to see if anyone was talking about it, but sadly, no one was. So I decided to make a video about it.

    • @TechStache
      @TechStache 23 วันที่ผ่านมา

      Yeah, totally, this looks like the only components "lib" that are good / usable

    • @AlexanderSuraphel
      @AlexanderSuraphel 10 วันที่ผ่านมา

      It's most likely because it requires nativewind which is not what the majority is using at this point.

  • @nasharcadia
    @nasharcadia 19 วันที่ผ่านมา +4

    HAHHAHA just as I am about to start a RN project, first I heard about the new architecture and now there’s a Shadcn clone for RN?😭😭😭God is good

    • @sprour
      @sprour 17 วันที่ผ่านมา

      same for me ))

    • @AbdulazeezBadmus-hh6fp
      @AbdulazeezBadmus-hh6fp 17 วันที่ผ่านมา

      😂 same here.... From NextJs

  • @eshansharma3248
    @eshansharma3248 2 หลายเดือนก่อน +1

    This is really good demo, thanks!

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

    Hai Thanks you so much to make great tutorial, i've been looking for this.
    but if may i ask to make tutorial about the Excluded Components from Shadcn. i would like to appreciate, stay active and healthy Jared🤩

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

      I appreciate the comment. I'll add that to my list of video ideas.

  • @cleopatria1346
    @cleopatria1346 18 วันที่ผ่านมา

    Do we need to use Expo to use this library? I tried to set it up manually in my project that I created using React Native CLI, but I got an error saying 'Expo is not installed.

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

    How I set up my cocoapods version in expo? Could you help me? (Mackbook 2021 M1) I'm have some problems to install firebase

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

      Have you gone through the expo fire base setup documentation?
      If not, I would start here docs.expo.dev/guides/using-firebase/

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

      @@hightowertech expo fire base setup documentation with Native SDK, I think my cocoapods version is liked with the other library as dependency

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

    are you going to make tutorial for React Native i hope you make some cool projects with React native universal shadcn UI

    • @hightowertech
      @hightowertech  2 หลายเดือนก่อน +1

      Yes, I plan to make a React Native tutorial that uses React Native Reusable. Once it is ready, I will post the link to that video in this thread.

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

      quedo a la espera que de ese próximo video!

  • @mdsafikulislam9113
    @mdsafikulislam9113 2 หลายเดือนก่อน +1

    How to use npm instead of pnpm?

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

      @@mdsafikulislam9113 start the video at 2:51 Setting up React Native Reusables NPM & Yarn

    • @mdsafikulislam9113
      @mdsafikulislam9113 2 หลายเดือนก่อน +1

      @@hightowertech Thanks

  • @mrzachnugent
    @mrzachnugent 3 หลายเดือนก่อน +1

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

      @@mrzachnugent love the project! You guys are doing amazing work.

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

    Sorry bro, i've got this error when i try to switch the theme :
    Uncaught Error
    react_native_css_interop_1.StyleSheet.getFlag is not a function (it is undefined)
    Any idea to fix that?

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

      @@hamzandev9482 It's really hard to say what could be causing this error just from the error message provided.
      Here are a few questions I have to help me better understanding the issue.
      1. Package Manager: Are you using npm, yarn, or pnpm to manage your dependencies?
      2. Environment Setup: Did this error occur during the initial setup of the project, or was everything working fine before, and the error started appearing after a specific change or update?
      3. Theme Switching: Is the error happening specifically when you try to switch themes, or does it occur with other operations as well?
      4. Platform Specificity: Is this error occurring on a specific platform (iOS or Android), or is it happening across both?
      5. Recent Changes: Have you recently upgraded or downgraded any dependencies that might have caused this issue?

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

      same error. Bro @hamzandev9482 did u solve it?

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

      @@saiohmkhay2005 @hamzandev9482 update nativewind to 4.0.36 or higher. it's in the react-native-reusables github issue.

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

      change your nativewind version to "nativewind": "4.0.36", in package.json file then npm install

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

    how can I integrate this in a existing expo project?

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

      I would take the manual setup path if you already have a project.
      Go to the doc website (rnr-docs.vercel.app/getting-started/initial-setup/), click on Initial Setup, and select Manual Installation. This should get you on the right path for setting up React Native Reusable in an existing project. Note that you might already have some of the needed dependencies, so be sure to double-check before running the manual installation command.
      Hope that helps!

    • @ritankarbhattacharjee7661
      @ritankarbhattacharjee7661 2 หลายเดือนก่อน +1

      @@hightowertech thank you

  • @FullStackDevGreg
    @FullStackDevGreg 10 วันที่ผ่านมา

    Why I'm aware just now,
    Aaaah 😅, not real

  • @darrenhwang900
    @darrenhwang900 2 หลายเดือนก่อน +1

    LoL ... oh my!😂

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

    Doesn't work