Tailwind CSS for React Native CLI

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

КОМЕНТАРІ • 17

  • @mark__lawlor
    @mark__lawlor 2 роки тому +7

    Hey, creator of NativeWind here. If you create an issue with a link to your repo I'm happy to debug it for you.
    One important comparison between React-Native-Wind and NativeWind is that Read-Native-Wind is a re-implementation of Tailwind using a custom interpreter, while NativeWind uses the official Tailwind compiler. This means the setup of NativeWind is slightly more complex, but you get more features. You also get upstream maintenance & support from Tailwind Labs
    As to why there are two projects, I want "proper" Tailwind for React Native which means we need to support their compiler instead of creating a new one. I think contributing to a custom interpreter further divides RN from ever joining the Tailwind Labs family.
    NativeWind is 99.99% a 1 man project, so the documentation needs some love (hence this "this is a work in progress header"), I'll fix up the issues you mentioned.
    Thanks for checking it out

    • @EricDavidSmith
      @EricDavidSmith  2 роки тому

      Hi Mark, thanks for jumping in here. I sincerely hope this post is more helpful than hurtful. The upstream maintenance is ideal since we all know RN projects are a pain to maintain when they get stale. I will make a correction video and highlight these points you've made. Thanks again for clarifying the differences.

    • @EricDavidSmith
      @EricDavidSmith  2 роки тому

      Hi Mark, I am making a video now about this and I noticed you or someone has made changes to the document www.nativewind.dev/quick-starts/react-native-cli - it worked without an issue after the updated steps! Super awesome! Thank you again for your help!

  • @EricDavidSmith
    @EricDavidSmith  2 роки тому +1

    If anyone has a better way of styling a React Native CLI app with Tailwind, please let me know. Hope you found this video useful!

    • @onyekachinwachukwu8598
      @onyekachinwachukwu8598 2 роки тому +2

      Thank you, this video is really helpful, I've been having a hard time with tailwind CSS but this just works really well, am so grateful🤩🤩😍😍

    • @EricDavidSmith
      @EricDavidSmith  2 роки тому

      @@onyekachinwachukwu8598 so happy to hear this! Let me know if I can help in any way

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

    I love you for this solution...you explained a lot about things, Bable took take my life and we wasted 2 days fixing it still wasn't working....your solution just rocks hell with Bable........ npm install react-native-wind this made my day

  • @Thanveershah
    @Thanveershah 2 роки тому +1

    Good work!
    Do you have plans on making a series on react native web? Not much information out there on youtube

    • @EricDavidSmith
      @EricDavidSmith  2 роки тому +1

      Hi Thanveer, thank you for your question. This could be fun. I built something in RN web when it first came out a couple of years ago. I wasn't a huge fan at the time, but perhaps revisiting it would be useful for the community. I'll either follow up with you directly or respond within this month with a video.

    • @Thanveershah
      @Thanveershah 2 роки тому +1

      @@EricDavidSmith Sounds great, Also just to mention, now that we have Capacitor and Tauri, I'm not sure if react-native-web still has a big role in the community. Maybe it still do, probably lacks popularity and support

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

      I want to separate my styling

  • @ukaszsowa6265
    @ukaszsowa6265 2 роки тому +2

    nativewind worked without issues in my react-native-cli project. Strange. Did you follow all instructions they provide in their getting started guide? And remember to pod install when you're on IOS.

    • @EricDavidSmith
      @EricDavidSmith  2 роки тому

      Hi Lukaz, I didn't pod install, I typically do since I like working in RN CLI, but I didn't see this step in the docs. I'll make a PR to the readme if the instructions are not complete or have possibly changed. ....(3 minutes later).... I just checked the docs www.nativewind.dev/quick-starts/react-native-cli I do not see POD INSTALL. Thanks though for your help here. We will all contribute to these projects to help them move forward so our DX is the best it can be!

    • @ukaszsowa6265
      @ukaszsowa6265 2 роки тому +1

      @@EricDavidSmith Yeah I think I just do pod install whenever something is not working for me.. Got used to it. Adding that to the docs is good idea :)

  • @SynesthesiaIt
    @SynesthesiaIt 2 роки тому +1

    ❤❤❤

  • @CodeWithRaihan
    @CodeWithRaihan 2 роки тому

    great