Shadcn: The Future of React Native UI

Поделиться
HTML-код
  • Опубликовано: 17 ноя 2024

Комментарии • 40

  • @hightowertech
    @hightowertech  3 месяца назад +2

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

  • @seongminpark3131
    @seongminpark3131 3 дня назад

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

  • @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 RUclips to see if anyone was talking about it, but sadly, no one was. So I decided to make a video about it.

    • @TechStache
      @TechStache 24 дня назад

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

    • @AlexanderSuraphel
      @AlexanderSuraphel 11 дней назад

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

  • @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 13 дней назад

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

  • @nasharcadia
    @nasharcadia 20 дней назад +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

  • @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 19 дней назад

    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