5 React Native Tips to WOW Your Users

Поділитися
Вставка
  • Опубліковано 4 лют 2025

КОМЕНТАРІ • 140

  • @galaxies_dev
    @galaxies_dev  7 місяців тому +4

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

  • @mikhail1090
    @mikhail1090 7 місяців тому +14

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

    • @galaxies_dev
      @galaxies_dev  7 місяців тому +2

      Will try to keep track of more :D

  • @shaharnechmad2586
    @shaharnechmad2586 7 місяців тому +8

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

  • @braingamedotcom
    @braingamedotcom Місяць тому +1

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

  • @Someguy_51
    @Someguy_51 2 місяці тому +1

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

  • @egesa_michael
    @egesa_michael 7 місяців тому +5

    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
      @galaxies_dev  7 місяців тому +1

      Glad I could help :)

    • @egesa_michael
      @egesa_michael 7 місяців тому

      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 :)

  • @ExpoDevelopers
    @ExpoDevelopers 7 місяців тому +5

    Great vid Simon. Such good practical advice.

  • @TMDX-j2q
    @TMDX-j2q 7 місяців тому +1

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

  • @maikemanoel597
    @maikemanoel597 4 місяці тому +1

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

  • @jerryphm
    @jerryphm 6 місяців тому +1

    You and Fireship are my favorite channels, thanks Simon ❤

    • @galaxies_dev
      @galaxies_dev  6 місяців тому +1

      Thank you so much, big honour 🙏

  • @saieashwar870
    @saieashwar870 7 місяців тому +3

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

  • @Nigruto7
    @Nigruto7 6 місяців тому +1

    Appreciate content like this with helpful tips. Keep it up

  • @samuelakinboro1558
    @samuelakinboro1558 7 місяців тому +1

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

  • @yuvsinha3993
    @yuvsinha3993 7 місяців тому +1

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

  • @SonAyoD
    @SonAyoD 7 місяців тому +2

    This was great! More tips like this please

    • @galaxies_dev
      @galaxies_dev  7 місяців тому

      Yeess! Anything specific you would like to see?

    • @SonAyoD
      @SonAyoD 7 місяців тому

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

  • @gilgamesh9735
    @gilgamesh9735 7 місяців тому +8

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

    • @justpatrick_
      @justpatrick_ 7 місяців тому

      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
      @junioroga 7 місяців тому

      @@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
      @randall71 7 місяців тому

      Check react-native-keyboard-controller package

    • @galaxies_dev
      @galaxies_dev  7 місяців тому

      Yeah would be a good idea!

  • @Muhammed_Furkan_Yilmaz
    @Muhammed_Furkan_Yilmaz 7 місяців тому +2

    Great informations as always!

    • @galaxies_dev
      @galaxies_dev  7 місяців тому +1

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

  • @sjoerdsantema
    @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.

  • @mdmuhaiminul485
    @mdmuhaiminul485 7 місяців тому +2

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

  • @franklinsecretario3862
    @franklinsecretario3862 6 місяців тому

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

  • @Kalagan64
    @Kalagan64 4 місяці тому +2

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

  • @rakshitlakhatariya137
    @rakshitlakhatariya137 5 місяців тому +1

    Thank you Simon!

  • @Mr_Zeal1001
    @Mr_Zeal1001 7 місяців тому +2

    God of React native expo ❤

    • @galaxies_dev
      @galaxies_dev  7 місяців тому +1

      Just trying to helP!

    • @Mr_Zeal1001
      @Mr_Zeal1001 7 місяців тому

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

  • @kraldragon1324
    @kraldragon1324 5 місяців тому +1

    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.

  • @misurakaluarachchi2956
    @misurakaluarachchi2956 6 місяців тому

    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
    @jhmesseroux 2 місяці тому

    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
    @hwj8640 7 місяців тому +1

    thanks! all tips are helpful!

  • @blogtriggers1054
    @blogtriggers1054 3 місяці тому +2

    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

  • @WebDevJapan
    @WebDevJapan 7 місяців тому +2

    I love heade blur, even on web

  • @angerbadge773
    @angerbadge773 2 місяці тому

    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

  • @rodrigojoszt
    @rodrigojoszt 3 місяці тому

    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?

  • @HermanAthor
    @HermanAthor 7 місяців тому

    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
      @galaxies_dev  6 місяців тому

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

  • @manish_sahu_25
    @manish_sahu_25 13 днів тому +1

    Wonderful 🔥🔥

  • @TheMitchingHour
    @TheMitchingHour 4 місяці тому +1

    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
      @galaxies_dev  4 місяці тому +1

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

    • @TheMitchingHour
      @TheMitchingHour 4 місяці тому

      @@galaxies_dev Legend! Thanks for all the great content

  • @devwithterry
    @devwithterry 10 днів тому

    hello how to do headerLargeTitle enable and header blur enable like ios clock app at same screen
    i didn't get that

  • @praveshpal9644
    @praveshpal9644 7 місяців тому +1

    Amazing Tips 🎉

    • @galaxies_dev
      @galaxies_dev  7 місяців тому +1

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

  • @LeaTamola
    @LeaTamola 7 місяців тому +1

    Great stuff!

  • @NamPham-bu3gp
    @NamPham-bu3gp 7 місяців тому +1

    Amazing tips

  • @TheSportsComedyMix-wx7iu
    @TheSportsComedyMix-wx7iu 7 місяців тому +1

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

  • @LucasLima-ri2tr
    @LucasLima-ri2tr 2 місяці тому

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

    • @galaxies_dev
      @galaxies_dev  2 місяці тому

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

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd 7 місяців тому +1

    Thank you so much

  • @sweetnovember75
    @sweetnovember75 7 місяців тому +1

    wow! Love this

  • @RaviRupapapra
    @RaviRupapapra 7 місяців тому +2

    super duper knowledge

  • @aswinalexsam
    @aswinalexsam 7 місяців тому

    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.

  • @dileepparmar1514
    @dileepparmar1514 7 місяців тому +1

    Thank You

  • @TheSuperBoyProject
    @TheSuperBoyProject 7 місяців тому

    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
      @NoBeatsBro 7 місяців тому +1

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

    • @galaxies_dev
      @galaxies_dev  7 місяців тому

      Yeah the IAP library should work for that

  • @Redstarcrew
    @Redstarcrew 7 місяців тому

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

    • @galaxies_dev
      @galaxies_dev  7 місяців тому

      Maybe something like UniStyles or NativeWind?

  • @nayandey5010
    @nayandey5010 7 місяців тому +1

    great video

  • @softwarehousewithhassaan6944
    @softwarehousewithhassaan6944 7 місяців тому

    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
      @galaxies_dev  7 місяців тому

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

  • @JohnKlees
    @JohnKlees 7 місяців тому

    what editor are you using?

    • @galaxies_dev
      @galaxies_dev  7 місяців тому

      Visual Studio Code

    • @JohnKlees
      @JohnKlees 7 місяців тому

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

  • @mycloudvip
    @mycloudvip 7 місяців тому

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

    • @Trehxn
      @Trehxn 7 місяців тому +2

      Prettier is something I use and helps a ton.

    • @mycloudvip
      @mycloudvip 7 місяців тому

      @@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
      @galaxies_dev  7 місяців тому +1

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

    • @mycloudvip
      @mycloudvip 7 місяців тому

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

  • @mbahmusalto
    @mbahmusalto Місяць тому

    I wonder how it would like in android

  • @freekeys
    @freekeys 7 місяців тому +1

    Everything is fav 😂

  • @chanzerone0516
    @chanzerone0516 5 місяців тому +1

    wowowo nice!

  • @abiodun2635
    @abiodun2635 7 місяців тому

    Can i use normal react native navigation to achieve this

    • @tylercoffman540
      @tylercoffman540 7 місяців тому +2

      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
      @abiodun2635 7 місяців тому

      @@tylercoffman540 Thanks

    • @galaxies_dev
      @galaxies_dev  7 місяців тому

      Highly recommend Expo Router!

  • @amadousow6598
    @amadousow6598 7 місяців тому

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

    • @galaxies_dev
      @galaxies_dev  7 місяців тому +1

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

  • @Randomguy48279xyz
    @Randomguy48279xyz 3 місяці тому +1

    👏

  • @atiqulislamrussell4407
    @atiqulislamrussell4407 7 місяців тому +1

  • @icegoesnice
    @icegoesnice 7 місяців тому +1

    🙏🏾🙏🏾🙏🏾

    • @galaxies_dev
      @galaxies_dev  7 місяців тому

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

  • @anhkietbui7166
    @anhkietbui7166 4 місяці тому

    This only worked on the iOS

  • @justpatrick_
    @justpatrick_ 7 місяців тому +1

    Mostly ios tips. The rn community clearly has a favourite

  • @pedroquerido2268
    @pedroquerido2268 7 місяців тому +17

    Good luck with Android. Blur, big header title…

    • @SonAyoD
      @SonAyoD 7 місяців тому

      What issue did you face?

    • @dev.j255
      @dev.j255 7 місяців тому +1

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

    • @galaxies_dev
      @galaxies_dev  7 місяців тому +3

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

    • @pedroquerido2268
      @pedroquerido2268 7 місяців тому +3

      @@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
      @mranon9902 2 місяці тому

      yes, blur view is not that great on android

  • @saieashwar870
    @saieashwar870 7 місяців тому

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

    • @galaxies_dev
      @galaxies_dev  7 місяців тому

      Sorry, will try to do next time!

  • @teenageworrior1634
    @teenageworrior1634 7 місяців тому +2

    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
      @tabotcharlesbessong3756 7 місяців тому +1

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

    • @galaxies_dev
      @galaxies_dev  7 місяців тому +1

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

    • @codewithkin
      @codewithkin 7 місяців тому +1

      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
    @greendsnow 7 місяців тому

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

    • @WCKDStudio
      @WCKDStudio 7 місяців тому +7

      Delete your GitHub account and start Farming 😂

    • @tylercoffman540
      @tylercoffman540 7 місяців тому

      Skill issue

    • @greendsnow
      @greendsnow 7 місяців тому

      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
      @galaxies_dev  7 місяців тому

      Keep using what works for you :)

  • @william_phyo
    @william_phyo 5 місяців тому

    Thank you Simon @galaxies_dev