The Best Stack for Universal React Apps
Vložit
- čas přidán 30. 06. 2024
- What is the best stack for a universal app with React that works great on the web and as a native iOS and Android app? Let's find out.
🔥 Learn React Native FAST: galaxies.dev
Links:
- T3 Stack: github.com/t3-oss/create-t3-app
- T3 Turbo: github.com/t3-oss/create-t3-t...
- Tamagui: tamagui.dev
- Expo: expo.dev
- Evan Bacon Blog: github.com/EvanBacon/evanbaco...
#############################
❤️ You can also find me on:
Twitter: / schlimmson
Instagram: / simongrimm_
#############################
00:00 The problem with universal apps
01:04 T3 Turbo
05:36 Tamagui
10:16 Expo Router
13:54 Sidenote: Capacitor
15:07 Tech Stack Recommendations - Věda a technologie
Explore Galaxies.dev today - your shortcut to learn React Native ⚡
Yayy!! Thank you Simon :)
You are welcome :)
Once again, a perfect video about Universal React Apps. Think about how many 'admin dashboards' and 'marketing pages' in all the repos we could remove.
True 😂
A new fan here.. it will be great to see a tutorial that uses this stack.. a project
A very informative video that benefits a lot of people. It would be even better if it had CC subtitles. Even if it's only in English, I can translate it into the local language.
Thanks for this video Simon! Really nice to have an overview of the options out there for Universal React Apps (I thought the T3 stack was only for web). I was wondering if you see much of a difference between using Solito on its own with Nativewind vs Tamagui?
If you use Solito, you still need to have platform matching UI components that are either native or web. Therefore I think it's not working great alone
Love yor work
Would be great if you made a full app with it
This is exactly what I was looking for! I was just wondering what tech stack to go for. I will totally try T·3 Turbo but with Prisma if that is possible.
Yeah I think that should be possible!
Hey Simon! How would you handle user authentication in a react native app with an existing next.js backend using next-auth for example? Session can be read from the web application and therefore you can make requests to protected API routes in next.js. But how would you make those requests from a React Native app? Is it possible to make request to an protected api route in Next.js from a React Native app? Thanks!!
One thing you didn't really cover is the ability to do SSR for the web parts for each projects
Thanks for the video! I thought Solito on its own would be enough for this purpose? You can still get custom web/mobile views but also share most of them
You could also just use Expo Web, there are many great options!
great!
Thanks ✌️
I have a project using next 14 with capacitor for hybrid app, but now I think to move on to react native for future references.
If it works and you are happy, no reason to ditch that stack!
For a market ready application, is Expo for react native is great choice or not?? I'm concerned about the some features like in app purchases etc.
Yes it is. You can use every feature in a RN Expo app with prebuild today!
can I get rid of drizzle and use Prisma instead?
it was good to learn about tamgui , but looks risky to try on a big project
definetely
What should you use then 😢😢
Why risky?
I’m using PandaCSS in Ionic, Panda hasn’t reached 1.0.0, I’m pretty sure it has less reach than Tamagui could have in React Native, since in the web world Tailwind is kind of king. I’m would be confident to use it big projects. Sometimes people just need to do it.
It's not risky actually. I have used it in some projects and it worked out fine. There is no one to go solution when it comes to big projects. You always have to mix with different techs to get the work done
I only care about web (+PWA) and I would like it if the mobile-web experience were like Ionic (native feel). Two problems with that: Ionic is not nextjs friendly. Using Ionic seems to result in a desktop experience that looks like stretched-out mobile app.
Yeah you are spot on with that obersavtion.
Hii Steven, what’s your MacBook spec? I want to get a coding MacBook
If you're on a tight budget, try macbook M2, else go for M2 pro or M3 pro
How about next-adapter?
What do you think about T4 stack?
Definitely good approach!
Next js with Capacitor wont be best?
Not in terms of the best native app performance, but a legit stack definitely.
@@galaxies_dev We are planning to make a large project for B2B, B2C, ... so Is it advisable to utilize Next.js with Capacitor, or would another approach be more preferable ?
What about .NET MAUI?
Nextjs is good but there is no T3 stack with app router , so maybe we will take libraries and each one build its own T3 stack hhh
What about gluestack?
It's a cool set of components, but not a full solution on its own imho
I love next JS with capacitor
using nextjs with capacitor affect the performance?
@@DAVID14955 in my opinion is the performance good I build an Todo App.
Sure will give you an overall smooth experience, and great choice for many small projects.
anyone else trying to find a good Tutorials for t3 stack turbo but cant find a good one ??
try Theo or Wds
Maybe I should do another in depth one?
no solito?
yes, the tamagui takeout starter mentioned uses it.
It's in the starter :)
No flutter?
flutter is shit
Flutter is using WASM (Canvas) for Web and the final experience is terrible
Nah
Bro forgot about Ionic😢
Ionic is a component library that fundamentally only works on Web. Capacitor allows web apps to integrate more seamlessly with/as native apps. Which is probably what you’re thinking about and can work with any UI framework not just ionic. And ionic can work with without capacitor.