From React to React Native in 12 Minutes

⚡️ Try Posthog for free: posthog.com/simongrimm
Reuse your React skills and build mobile applications. That dream shouldn't stay a dream, and I will show you how easily you can transition from React to React Native.
🔥 Learn React Native FAST: galaxies.dev
#############################
❤️ You can also find me on:
Twitter: schlimmson
Instagram: simongrimm_
#############################
00:00 Intro
01:12 Why should I use React Native?
03:14 Can I start with React Native before React?
03:44 What framework should I use for React Native?
04:09 Do I need to learn Swift/Kotlin for React Native?
04:35 Can I reuse my React web code with React Native?
05:11 How does React Native actually work?
05:57 Similarities and Differences between React Web and React Native
07:19 React Native first steps with Expo
09:26 What do I need to learn more for React Native?
10:00 Can React Native also be used for other platforms?
10:55 Easy transition from React to React Native

[@galaxies_dev]

Join Galaxies.dev today - the Home of the Best React Native content 🔥

[@ehtishamrehmat9059]

It’s been a year and I am loving working in Expo managed React Native. Kudos to Expo team! ❤

[@galaxies_dev]

Love it too!

[@akporraphael9069]

I've been thinking about transitioning to app development from web development, Now hopefully I don't get to learn flutter or dart or even touch android studio, thanks to Expo. And with the looks of things, I think Expo is the future of the app industry This video is really insightful, thanks so much you earned my sub.

[@sudoalex]

You know what else is underrated? This channel 🎉

[@galaxies_dev]

Wow thank you!!

[@Meow-fx1ws]

Really informative 👏

[@galaxies_dev]

Glad it was helpful!

[@AbhishekMishra-7l]

I am trying to implement drawer navigation, but the requirement is that each screen name in that should be Expandable (like list.Accordian in react-native-paper). I am thinking if it is even possible or is there other library? - screen 1 - screen 1.1 - screen 1.1.1

[@adloukondo2148]

Waoo super vidéo comme toujours. J'aime toujours tes vidéo. J'ai besoin de ton aide je recherche un composant pour faire les audios comme threads. tu connais un composant.

[@ryuu97]

Let's make video about ReactJS for React Native guys. I switched from native Android to React Native 3 years ago, but ReactJS is still a mystery for me :D

[@galaxies_dev]

Very interesting - will think about that!

[@tootyrnt5533]

I could be wrong, but I think the PS5 ui also uses react native

[@galaxies_dev]

Yeah think Sony had a talk at the AppJS last year about it!

[@helgimagic]

@@galaxies_dev can u please find that info if thats true? that would be so cool

[@caleb9019]

Quick noob question but how do you you make your apps screen responsive to all available device platforms

[@Super_Ninety]

You should learn media query. It should help

[@caleb9019]

@@Super_Ninety ok thanks 👍🏾

[@eltaller1655]

Hi Simon... i followed the channel since 16 maybe or before...! I want to know why the change from Angular to React Native? Is there a video explaining this change?

[@galaxies_dev]

Yes: kzbin.info/www/bejne/p2bEeYGoac-mfq8

[@eltaller1655]

@@galaxies_dev TY a lot... I will give a chane to RN right now in my next project!!!

[@soumyadeepghosh4428]

kotlin / React-Native ? (I already installed IntelliJ IDEA)

[@Md_Mahafujur_Rahaman_Masud]

Sir how can i get device administrator admin permission using react native expo...on google to api no one helped me on this..please please sir help me on this..

[@ArielBenichou-cx3vu]

6:55 why "it's might be possible to use tailwind in the future?" i've installed nativewind on my expo app and it seems to work. Is there something i need to be aware of?

[@galaxies_dev]

No it already works fine, but next version will be even more complete :)

[@webtm1361]

@galaxies_dev Have you managed to build the app at the end? I couldn't. I 've made a app project but could not exported apk file at the end. I have just wasted the whole day.

[@NoOverXplain]

Wise topic

[@galaxies_dev]

Thanks mate!

[@theindiedev.mstflotfy]

So there is no way that you can have one code base for all platforms using React Native or Expo?

[@infantfrontender6131]

Unfortunatly. React Strict DOM (RSD) could solve this problem, but it is still in development/research. So, we have 2 code bases: web and native. Plus shared modules. With Flutter you can use one code base, but remember that your web will be "not native". On the web, Flutter is using Canvas.

[@galaxies_dev]

We are moving closer to it and you can to some degree have it all with just React Native (using Expo web). As the other comment said, React Strict DOM is working in that direction!

[@infantfrontender6131]

​@@galaxies_dev, I'm more excited about the future plans of the Expo for 2025. SSR, RSC, RSD (if it will be ready). It will be a Full-Stack Mobile Meta Framework with Backend, Frontend, and Mobile (Android, iOS).

[@alfianzulfikar2402]

When I first learned React Native, what I got is if we wanna build some simple apps, so we go with Expo, but when it comes to more complex app such as accessing native module like on Android, we should go with React Native CLI, is it still valid? or Expo is already offer some advanced things?

[@theburgermancan]

nah, expo ALL the things

[@galaxies_dev]

No, that's not valid anymore. Expo is the recommended framework for building RN apps by now!

[@medmedmed3913]

what if i dont want folder rootinng system ?

[@chess4964]

why wouldnt you want it? its so good.

[@onibenjo]

I have a react native codebase and want to use expo. Would it be best install expo and do this incrementally or would it be best to create a new expo project and migrate files there? I'm asking this because I don't know if you'll miss out on some features when adding expo to a project or using expo from scratch

[@galaxies_dev]

It should be possible, I'd follow this guide: docs.expo.dev/bare/installing-expo-modules/

[@onibenjo]

@@galaxies_dev thank you

[@bondemupazanyini4706]

God, 3 minutes in and he said anything youtube sucks

[@owaisulwara]

React Native is simply messing its performance by recommending Expo. Flutter will be more ahead in performance.

[@galaxies_dev]

Apparently performance isn't the whole story of an app :)

[@Thassalocracy]

It used to be that react native was losing ground to flutter due to JavaScript being too loosely typed causing big development problems, while Dart was created to solve JavaScript's dynamic typing. But after Facebook/Meta made RN TypeScript-first, all that steam from Flutter soon ran out. Then React gained even more momentum after TS was officially supported too. The catalyst was always TS and Meta really should thank Microsoft 😂

[@galaxies_dev]

At this point pretty much nothing beats React Native!

[@NoneOfyourbusiness-ob2yz]

Please don't jump on me here, but what actually happened to Ionic, I thought this was your platform??

[@tamaniphiri]

Bro still dwelling in the past 🤦🏾

[@tootyrnt5533]

I think he made a video awhile back explaining why he switched.

[@galaxies_dev]

I use it every now and then, but I'm currently more focused on React Native!

[@NoneOfyourbusiness-ob2yz]

@@galaxies_dev Thanks for your answer.

[@akarshanmishra2351]

Ionic ducks ass