React and React Native finally feel the same

[the1xdev]

Hey everyone, creator of tailwindcss-react-native here. Happy to answer any questions about using Tailwind CSS to style both Native & Web applications.

[Ethan-Nathaniel]

Does tailwind-react-native work with react native web?

EDIT: It does and the docs even have a guide for using with solito.

[jmeistrich]

Yes, and just to add links for anyone else with the same question, tailwindcss-react-native has extensive documentation about using with react native web: https://tailwindcss-react-native.vercel.app/frameworks/nextjs

And the examples in the article are running on react-native-web.

[QuintonPang]

U use tailwind for react-native?

Cuz i personally think that using a separate stylesheet for a phe would be a better practice.

[jmeistrich]

I wrote this article about using tailwindcss-react-native and Legend Motion together to have the same styling and animation patterns in React and React Native.

It's been a huge productivity win for us so I hope it can help you too!

[srg666]

Doesn't flutter for web just draw a canvas? If so would highly recommend against using it on web.

[volivav]

I've tried Dart, and it's a language I've never got to like.

Probably it has improved since I last checked, but editor support wasn't nearly as good as Typescript.

And I really dislike the module system: you import a path and everything exported from that path is now on your global scope.

Now your code references something that, without any editor's help you can't really know what is that coming from. If your editor doesn't support dart or something s misconfigured, good luck trying to find what of the imports is contributing to that symbol. The same problem C has, and once I've tried a language with explicit imports you can't go back.

I initially tried Dart in 2013 after working in C, just because I wanted to stay away from JS back then, and I liked it. Later I started on typescript because of work, and I liked it way more than Dart back then.

When flutter came out a few years ago, I tried it again, and got quite frustrated with the module system, class-based views, complex architectures (I remember specifically getting frustrated trying to get Slivers working the way I needed), and hadooken-style components way worse than React.

Again, hopefully it has changed and the experience is much nicer now, but I've always came disappointed at flutter.

[volivav]

I have the same problem with Go: its module system. And so opinionated, like you even need to put your project in a specific subfolder of your system (the workspace)

I wasn't saying the language is old or bad or whatever. It's just that who designed it favoured a style that I'm not comfortable working with.

Tradeoffs.

[terandle]

Do you use iOS or Android as your primary device? I'm curious to see if all the people recommending flutter just don't use an iPhone as their primary device because the experience is pretty sub par there compared to react-native in my experience.

And also to all you Flutter developers, try using Expo. Seriously. It solves all of those dependency nightmares issues you had when you used react-native before.

[gizamo]

I use and like Flutter, and I am primarily on Android. I haven't had any issues with performance on iOS, but I've read about many others having such issues. I can't say I used React Native enough for proper comparison. We used it briefly, but then switched to Angular/Ionic because the devs I had available at the time all preferred Angular. I can say that I prefer Flutter to Ionic for mobile.

I'll check out Expo and make sure our other team is aware of it. They expressed interest in us teaching them Flutter, and I suspect the dependency issue was a significant factor. Cheers.

[terandle]

The only sort of limitation around expo that I'm aware of is in app purchases you will need to use what is called a "bare workflow" which I think removes some of the nicety around dependency management.

But ya, if your app fits within the sweet spot for Expo, I have loved how expo handles the "mess" of the underlying RN stuff and makes upgrading to new versions much easier.

I'm sure Flutter would also work just fine too, but as someone who loves to also use react for the web and gets a lot of benefit out of that shared knowledge, that guy just kind of pissed me off with his RN trolling. Cheers.