5 React Native Tips to WOW Your Users

[@galaxies_dev]

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

[@mikhail1090]

Great! I am 100% sure that the community lacks such tips

[@galaxies_dev]

Will try to keep track of more :D

[@braingamedotcom]

I was looking for this exact vid, with all these ideas, about a year ago. Glad I found you finally!

[@galaxies_dev]

Happy to help!

[@Someguy_51]

Best KZbinr to learn react-native from, thanks a lot!

[@shaharnechmad2586]

This is an amazing video. I've been working with RN for years, and didn't know about the first four. Thanks!!

[@galaxies_dev]

Super happy to hear man!

[@ExpoDevelopers]

Great vid Simon. Such good practical advice.

[@galaxies_dev]

You make it easy!

[@egesa_michael]

Hey Simon, thank you for this video I was currently looking at how to use blur effect and large header this is very helpful

[@galaxies_dev]

Glad I could help :)

[@egesa_michael]

I was only doing native android until I found your channel not so long ago I have since updated my GitHub to React native developer :)

[@jerryphm]

You and Fireship are my favorite channels, thanks Simon ❤

[@galaxies_dev]

Thank you so much, big honour 🙏

[@maikemanoel597]

Incredible, I'm new on React Native and your tips help me a lot, thanks man

[@galaxies_dev]

Happy to help!

[@Nigruto7]

Appreciate content like this with helpful tips. Keep it up

[@galaxies_dev]

Thanks, will do!

[@TMDX-j2q]

Thank you for sharing. Animations are difficult and is great to see content about this topic.

[@galaxies_dev]

Glad it was helpful!

[@samuelakinboro1558]

This is an amazing video, would love to see more tips like this

[@galaxies_dev]

Thank you! Will do!

[@saieashwar870]

Scroll animations were good! I used to manually manage scroll offsets before

[@galaxies_dev]

Yeah it's a lot easier now

[@sjoerdsantema]

Great video! Thank you so much. One question: i want to show the search bar on my root index page. How did you manage to do this? I see how you can do it within a subfolder of (tabs) but not how it is done on the root index. Thank you for taking the time to answer this question.

[@gilgamesh9735]

Hi Simon, can you please make a definitive guide to keyboard and input handling?

[@justpatrick_]

I have a tip for this. Before trying other libs. Wrap the page/component that has your text input in a scrollview. When the keyboard shows up, the input is automatically scrolled into view

[@junioroga]

@@justpatrick_ i tried several times to use scrollview to focus inputs, but the only really works is keyboardawarescrollview. I dont want use this lib because is deprecated for 3y, but is the only way to resolve.

[@randall71]

Check react-native-keyboard-controller package

[@galaxies_dev]

Yeah would be a good idea!

[@Mr_Zeal1001]

God of React native expo ❤

[@galaxies_dev]

Just trying to helP!

[@Mr_Zeal1001]

@@galaxies_dev can you make videos on selecbox, filterbox and more with animations.

[@Muhammed_Furkan_Yilmaz]

Great informations as always!

[@galaxies_dev]

If you enjoyed it, maybe you can share the channel with your RN colleagues ✌️

[@SonAyoD]

This was great! More tips like this please

[@galaxies_dev]

Yeess! Anything specific you would like to see?

[@SonAyoD]

@@galaxies_dev just interesting npm packages that add something “extra” or cool tips just like in this video, could be anything from map libraries, icon libraries, all manor of utility libraries, component libraries, or a breakdown of the various expo libraries and how to use them effectively. I’ve always had trouble with advanced usage of task manager for location aha.

[@rakshitlakhatariya137]

Thank you Simon!

[@galaxies_dev]

You are welcome!

[@mdmuhaiminul485]

awesome tips!! i am going to use it right now

[@galaxies_dev]

Love it :)

[@misurakaluarachchi2956]

This is great thank you! Is there a way to manage a headerRight button alongside the large header so the style of that changes as well

[@jhmesseroux]

Great content. I have an issue with search bar , by default it's hidden i have to scroll down a bit to see it , why that ?

[@hwj8640]

thanks! all tips are helpful!

[@galaxies_dev]

Glad it was helpful!

[@franklinsecretario3862]

Great content you are really a go to Content Creator when it comes to mobile development! looking forward for more informative contents for mobile dev. CHEERS!!

[@galaxies_dev]

Much appreciated!

[@Kalagan64]

Hey Simon, great video. FYI the word height is pronounced like hight.

[@yuvsinha3993]

Very good stuff, I was unaware that we do such things with navigation

[@galaxies_dev]

Happy to help :)

[@kraldragon1324]

Hey Simon, I really like your videos! I think it would be super helpful if you could show the Android view alongside the iOS view. Your videos seem more focused on the iOS simulator.

[@praveshpal9644]

Amazing Tips 🎉

[@galaxies_dev]

If you enjoyed it, maybe you can share the channel with your RN colleagues ✌️

[@aymenbachiri-yh2hd]

Thank you so much

[@galaxies_dev]

You are welcome!

[@blogtriggers1054]

Hey Simon can you make an video on how to reduce the size of the apk file in react native as I have make an simple blog application and it goes to 64 MB apk size so I want to reduce with 25MB So please provide an video on that it helpful for all also

[@rodrigojoszt]

Very good my friend, I love your videos. One question, regarding the Large Title, when I apply it with a background I wouldn't want it to be completely transparent and when the screen goes up the blur is applied, is it possible?

[@dileepparmar1514]

Thank You

[@galaxies_dev]

You are welcome!

[@NamPham-bu3gp]

Amazing tips

[@galaxies_dev]

Thank you!

[@WebDevJapan]

I love heade blur, even on web

[@galaxies_dev]

Me too ❤

[@TheSportsComedyMix-wx7iu]

Expo router is using react navigation, so the features you see is coming from react navigation

[@galaxies_dev]

Exactly!

[@HermanAthor]

Great tips, where can we find more documentation about these tips? It is like they are secrets that you have to dig so deep to find.

[@galaxies_dev]

IDK I just took notes whenever I learned about them, so will continue with this in the future!

[@Redstarcrew]

Hi Simon, would you recommend a library for responsive screens?

[@galaxies_dev]

Maybe something like UniStyles or NativeWind?

[@angerbadge773]

inside the the app/(tabs) you have three screens app |_(tabs) |_fade📁 |_header📁 |_simon📁 |_ _layout.tsx📄 |_ index.tsx📄 so when we use tabs in the laytout of tabs it generally makes a tab every file/screen in it by which it will make a tab for index.tsx too but i dont understand how are you only getting three tabs for fade, header, simon. what are you doing inside the index file or any prop which is preventing from making a tab for index

[@LucasLima-ri2tr]

expo router or react navigation? which one is the best?

[@galaxies_dev]

Router is using React Navigation under the hood. If you get started, pick Expo Router today!

[@sweetnovember75]

wow! Love this

[@LeaTamola]

Great stuff!

[@galaxies_dev]

Thanks!

[@TheMitchingHour]

These videos are fantastic and really time saving, however by only focusing on iOS you're neglecting how much extra work needs to be done to get this stuff looking right in Android. At which point you might as well be doing a Swift tutorial. The main advantage in React Native is the cross-platform aspect.

[@galaxies_dev]

Good point - I will try and respect Android more in the future!

[@TheMitchingHour]

@@galaxies_dev Legend! Thanks for all the great content

[@TheSuperBoyProject]

Quick question, is it possible to use google play billing and apple pay for monetary transactions in the app? Or is a payment processor like stripe required for in app purchases?

[@NoBeatsBro]

Yes its possible. Look for ‘in-app purchases’

[@galaxies_dev]

Yeah the IAP library should work for that

[@JohnKlees]

what editor are you using?

[@galaxies_dev]

Visual Studio Code

[@JohnKlees]

@@galaxies_dev Then how are you getting those import statements to get it for you?

[@RaviRupapapra]

super duper knowledge

[@galaxies_dev]

Thanks Ravi!

[@aswinalexsam]

Can you make a video of phone authentication using expo router and firebase on ios? There is an issue with the recaptcha when it redirects to ‘firebaseauth/link’ which seems to have no solution.

[@softwarehousewithhassaan6944]

I am working with react native but some time fell very embarrassed when some time I unable to add some feature or store management, others will tont me in company , what I will do?

[@galaxies_dev]

There is always a solution in RN, sometimes it might just take some time figuring out the problem but you got this!

[@Randomguy48279xyz]

👏

[@mycloudvip]

Hello... I am looking for a plugin on VS Code to auto format react native code... Any suggestions?

[@Trehxn]

Prettier is something I use and helps a ton.

[@mycloudvip]

@@Trehxn thanks, well that's what I have installed, it works for standard JS, CSS and HTML files but not RN. Any idea why or how to verify the settings? thanks a lot!

[@galaxies_dev]

Yeah Prettier, maybe you have to include JSX files in the settings!

[@mycloudvip]

@@galaxies_dev found the settings.json ... DONE! thanks for the help. Do you offer any online courses btw?

[@abiodun2635]

Can i use normal react native navigation to achieve this

[@tylercoffman540]

react native navigation from Wix is not nearly as standard as react navigation. Trust me use react navigation or expo-router instead of that other lib.

[@abiodun2635]

@@tylercoffman540 Thanks

[@galaxies_dev]

Highly recommend Expo Router!

[@mbahmusalto]

I wonder how it would like in android

[@amadousow6598]

How to make search and connect data list and input search .

[@galaxies_dev]

You can use the search bar options and events of the text input

[@freekeys]

Everything is fav 😂

[@galaxies_dev]

🚀

[@nayandey5010]

great video

[@galaxies_dev]

Thank you mate!

[@icegoesnice]

🙏🏾🙏🏾🙏🏾

[@galaxies_dev]

If you enjoyed it, maybe you can share the channel with your RN colleagues ✌️

[@chanzerone0516]

wowowo nice!

[@atiqulislamrussell4407]

❤

[@galaxies_dev]

Thank yoU!

[@anhkietbui7166]

This only worked on the iOS

[@pedroquerido2268]

Good luck with Android. Blur, big header title…

[@SonAyoD]

What issue did you face?

[@dev.j255]

you mean iOS, I've faced tons of issues with iOS

[@galaxies_dev]

Yeah it's not on the same level, agree. But UI concepts are very different as well!

[@pedroquerido2268]

@@galaxies_dev but you wanna reach a middle point. That’s actually why we use react native. If I go full iOS… why would o bother with rn?

[@mranon9902]

yes, blur view is not that great on android

[@justpatrick_]

Mostly ios tips. The rn community clearly has a favourite

[@galaxies_dev]

True

[@saieashwar870]

One suggestion. Can you disable copilot in these videos? Makes it hard to follow imo

[@galaxies_dev]

Sorry, will try to do next time!

[@teenageworrior1634]

There is so many errors bro in your projects you should learn from jsm how tp create good tutorial . Its a feedback dont take it as hate

[@tabotcharlesbessong3756]

I thought I was the only one. Please 🙏 take the feedback seriously it will help you help us

[@galaxies_dev]

What kind of errors? And I'm always happy about constructive feedback!

[@codewithkin]

I think the problem is that most members of your audience are beginners . Therefore they cannot research or solve errors on their own. And to the creator of this comment, you should take his tutorial as an overview and read the docs as needed to solve any errors you encounter. His tutorial isn't a one-stop tutorial that covers EVERYTHING. Thanks for the video galaxies_dev. Much love ​@@galaxies_dev

[@greendsnow]

Can't use it. It's horrible. Decided to go with pwa. Shame

[@WCKDStudio]

Delete your GitHub account and start Farming 😂

[@tylercoffman540]

Skill issue

[@greendsnow]

hahaha, you guys waste your time with your skills and gh accounts while I'm reusing my code and AI tools like locofy.

[@galaxies_dev]

Keep using what works for you :)

[@william_phyo]

Thank you Simon @galaxies_dev