The Best Stack for Universal React Apps

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

[@galaxies_dev]

Explore Galaxies.dev today - your shortcut to learn React Native ⚡

[@foobar9653]

Yayy!! Thank you Simon :)

[@galaxies_dev]

You are welcome :)

[@rainerdechet]

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.

[@galaxies_dev]

True 😂

[@user-jm5qu3gd4l]

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.

[@fabsync]

A new fan here.. it will be great to see a tutorial that uses this stack.. a project

[@mojojojo6525]

Love yor work Would be great if you made a full app with it

[@SuperYoda7]

can I get rid of drizzle and use Prisma instead?

[@enzocodes]

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!!

[@freddiemotion]

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?

[@galaxies_dev]

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

[@mohammedaslam2912]

great!

[@galaxies_dev]

Thanks ✌️

[@SuperYoda7]

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.

[@galaxies_dev]

Yeah I think that should be possible!

[@n8dotjs]

One thing you didn't really cover is the ability to do SSR for the web parts for each projects

[@jobayer-hosen]

How about next-adapter?

[@juanvieira8249]

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

[@galaxies_dev]

You could also just use Expo Web, there are many great options!

[@rajkrishnarana1015]

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.

[@galaxies_dev]

Yes it is. You can use every feature in a RN Expo app with prebuild today!

[@ss-tech-channel8403]

What about .NET MAUI?

[@thetechlave]

Hii Steven, what’s your MacBook spec? I want to get a coding MacBook

[@rishabh1S]

If you're on a tight budget, try macbook M2, else go for M2 pro or M3 pro

[@edhahaz]

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.

[@galaxies_dev]

Yeah you are spot on with that obersavtion.

[@Skalexsong]

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.

[@galaxies_dev]

If it works and you are happy, no reason to ditch that stack!

[@boladojl]

What do you think about T4 stack?

[@galaxies_dev]

Definitely good approach!

[@titbarros]

What about gluestack?

[@galaxies_dev]

It's a cool set of components, but not a full solution on its own imho

[@nothingrev]

Next js with Capacitor wont be best?

[@galaxies_dev]

Not in terms of the best native app performance, but a legit stack definitely.

[@nothingrev]

@@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 ?

[@samnmeje3486]

it was good to learn about tamgui , but looks risky to try on a big project

[@bedirhancelayir3295]

definetely

[@jatiquep5543]

What should you use then 😢😢

[@galaxies_dev]

Why risky?

[@franciscokloganb]

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.

[@harshanawijesinghe9264]

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

[@gamingwolf3385]

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

[@Itspinky1995]

anyone else trying to find a good Tutorials for t3 stack turbo but cant find a good one ??

[@tuananhdo1870]

try Theo or Wds

[@galaxies_dev]

Maybe I should do another in depth one?

[@andrijavranic5058]

no solito?

[@magne6049]

yes, the tamagui takeout starter mentioned uses it.

[@galaxies_dev]

It's in the starter :)

[@mauricenoever]

I love next JS with capacitor

[@DAVID14955]

using nextjs with capacitor affect the performance?

[@mauricenoever]

@@DAVID14955 in my opinion is the performance good I build an Todo App.

[@galaxies_dev]

Sure will give you an overall smooth experience, and great choice for many small projects.

[@patolorde]

No flutter?

[@jordangigg8631]

flutter is shit

[@infantfrontender6131]

Flutter is using WASM (Canvas) for Web and the final experience is terrible

[@galaxies_dev]

Nah

[@tranquillityEnthusiast]

Bro forgot about Ionic😢

[@SeanCTTR]

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.