Cross platform stack (web & mobile)
Do you folks have any recommendations on what an optimal stack from a developer point of view would be for a cross platform app (web & mobile) with backend included and full type safety?
Technologies/libs I have been considering to use but I'd gladly take other suggestions.
FE Related:
BE Related: (I've worked more with FE so this is a bit of a black hole for me)
Other things
40 Replies
GitHub
GitHub - t3-oss/create-t3-turbo: Clean and simple starter repo usin...
Clean and simple starter repo using the T3 Stack along with Expo React Native - GitHub - t3-oss/create-t3-turbo: Clean and simple starter repo using the T3 Stack along with Expo React Native
Yeah that's using Tailwind which I'm a bit sceptical about and it also isn't the complete stack right just a starting point if I'm not missing something? š
Unknown Userā¢3y ago
Message Not Public
Sign In & Join Server To View
Oh I had missed that he's gonna have a talk there, I'll definietly have to check it out! š
Unknown Userā¢3y ago
Message Not Public
Sign In & Join Server To View
I just dislike having a lot of inline styling, if there were something like styled components with better performance that works well cross platform I think I'd very much prefer that.
Things like this just makes me so annoyed to see š
I'd very much rather have a tag that's called something
There is a extension* to collapse all the styles, but yeah it does look ugly
Yeah I know there's a plugin for it but then I'd much rather have it somewhere else than in my JSX personally, it just gets so cluttered š
agreed, I think you can also define all the styles in a function outside your component and then just call it
so it can be like an external style sheet afaik
I'm not 100% sure on this, but I think I seen it somewhere
I haven't found anything that's cleaner than Dripsy so far but was hoping someone here might have some good suggestions ^^
I looked a bit at Tamagui but their styled function is a bit limiting so far
Unknown Userā¢3y ago
Message Not Public
Sign In & Join Server To View
you can put the styles outside your function or in another document
then import and
intellisense won't really work though this way afaik
I mean for personal projects I would most likely go for something like Tailwind because it's way faster to work on yourself but it's way less easy to overview in my opinion.
If it's a rounded button I would much rather see <StyledButton ... /> that than a pressable with 10 styling props and then the onPress, text etc.
Yeah and you still lose the understanding of what this div actually is and you have to write className for everything and then I could just have used stylesheets I feel like ^^
yeah I agree, tbh I'm quite new to tailwind was looking for something react query related and this thread popped up lol, someone might have better / cleaner solutions
Unknown Userā¢3y ago
Message Not Public
Sign In & Join Server To View
Have you worked much with styled components/emotion/dripsy?
Unknown Userā¢3y ago
Message Not Public
Sign In & Join Server To View
StyledComponents, Emotions, Dripsy are good, Its slower, but the performance won't get to you until it becomes a massive project.
I usually prefer modular sass
And tailwind is great for personal project like you said, cuz its just us maintaining it so who cares. Apart from that its not that great at all.
Solito does a good job of connecting web and mobile, But I believe expo do have support for Nextjs now
So what about cross platform component libraries. (web / mobile)
Is there anything there that you have good experience with or have heard good things about?
I'm not sure there are that many options, these are the ones I know about.
NativeBase / Ant Design / React-native-paper (not sure how well it works on web)
I would highly recommend trying out Flutter once
I have tried Flutter, seems to be in a worse state for cross platfrom from my point of view.
Specially if you want the backend in your monorepo as well
Well, I think it really depends on what you're using it for. Just for simple applications that don't require any native features it works pretty well.
For backend, I'm not sure about this but there are things like serverpod exist.. again I haven't tried the backend so can't vouch for it š
For a single page application sure it's fine but is it possible to use the same navigation between screens/pages on mobile and web with Flutter?
@wezter96 - I came across this the other day if you haven't seen it. I can't recommend it because I have no experience with it. In general, I lean against going for component reuse between react & react-native: https://tamagui.dev
Yeah I have looked at it but it has way too few components yet for our designers to even consider it.
That's why I'm leaning towards NativeBase instead even though the performance ain't amazing
Good point, I think they're a bit different.
I tested this project now and it seems to use completely separate navigation and pages / screens for mobile and web which is not really what I'm looking for.
Do you know why they aren't using Solito for this?
Unknown Userā¢3y ago
Message Not Public
Sign In & Join Server To View
Yeah but I could just remove tailwind from it, wouldn't be a big deal.
I tried that starter out as well but I struggled with deploying it.
No matter what you do don't go with NativeBase, you will regret it badly
Oh why though?
Terrible performance
I went through upgrading an entire app from version 2 to version 3 and their documentation wasn't the best for this so had a bad experience with that as well
I see, what do you recommend then?
Is it really that bad with recent versions? If there was another cross platform option I'd gladly check it out
I've no idea. Haven't really been working on the app recently, but I think users have still been complaining about it being laggy. Not sure what version of Native Base we are on and if they have addressed these issues or not
š¤·āāļø personally I'm waiting for Tamagui to come out of beta but yeah not sure what else
Yeah once Tamagui has more components and better figma files I'd likely go that route instead
NativeBase will release performance benchmarks once they are officially in 3.5 they said
tailwind is amazing
O that's interesting, excited to see that
and I talked with someone that's been using it recently with Solito for projects for his clients and he's said it's worked pretty okey