Tailwind CSS for React Native CLI

In this video, Eric will walk you through how you can get started using Tailwind CSS inside your React Native projects without Expo, but instead using the React Native CLI.

While there may be many approaches to styling a React Native Mobile Application, I find that using a styling library, especially with tokens, like Tailwind CSS is one of the best ways to work quickly and more accurately.

Remember... everything is an experiment...

Resources:

[preetypun]

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 npm install react-native-wind this made my day

[mark__lawlor]

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]

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!

[Thanveershah]

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

[ukaszsowa]

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.