Build a FinTech Clone with React Native (API Routes, Zustand, Tanstack Query, FaceID, Charts, Clerk)

[@abderahmanMOUSSAOUI]

Personal Tracker 04/04 - THE END ~ Thanks so much Simon 🙏 04/03 - 3:47:35 04/01 - 2:12:18 03/31 - 2:03:26 03/30 - 1:31:13 03/28 - 1:04:33 03/27 - 0:56:52 03/26 - 0:18:16

[@ItsDeffoScott]

At 4:01 there is an undefined error, as Simon identifies it is because tickers is undefined at some point but this can also still cause issues if we are awaiting a response, you can add 'isSuccess &&' after 'tickers && 'to the condition where isSuccess is a variable extracted from the tanstack query. isSuccess is a boolean value on whether your api call was successful. And also want to say thanks to Simon for another excellent video for upskilling.

[@amirfarkhadov5926]

I just got a job at a fintech company, and i was re-writing the main application. I have faced some many challenges that you address here. Thank you! I will work on this tutorial this weekend. I am so excited!

[@galaxies_dev]

That is awesome!

[@bradhanks7837]

It’s cool to see these right when they first come out!

[@4Biddenn]

Bro 2 days back I was thinking to build Revolut Clone and here you built it.

[@galaxies_dev]

I can read minds 👀

[@4Biddenn]

@@galaxies_dev please make video on how to read minds 😄😄😄

[@tomcat1112k]

in these 2 days I learned a lot from you. especially the community plugins and codes. thank you so much for making this video and I wish you keep making cool videos like these in future. love and support

[@galaxies_dev]

Glad I could help and you are very welcome!

[@jak3f]

Amazing video Simon. You single handedly taught me react and expo.

[@galaxies_dev]

Wow that is amazing, thank you so much!

[@RicardoValus]

I just started following your channel, thank you for making your classes available!

[@galaxies_dev]

You are very welcome!

[@uiuxengineer]

Great news, Simon! Will wait for the video

[@tomcat1112k]

you should've mentioned in the intro about pro version of clerk for SMS verification. I took me a whole day to figure out and complete email authenticaiton.

[@teminoah2960]

This information is indeed worthwhile. Thanks Simon

[@galaxies_dev]

You are welcome!

[@mpumuropatrick4288]

Hi sir i tried to follow you step by step but got stuck when I use zustand and mmkv and zeego the errors are ( ERROR Error: react-native-mmkv is not supported in Expo Go! Use EAS (`expo prebuild`) or eject to a bare workflow instead., js engine: hermes ) is for mmkv and the second error is Invariant Violation: requireNativeComponent: "MenuView" was not found in the UIManager help me sir

[@voiciray]

did you try reproducing your issue on the github repo that is in the video comments?

[@kreten780]

A little bit late. These 2 libraries cannot be used with Expo Go. You need to use expo prebuild since they are using native APIs.

[@tutkuns]

8:45 - How can I get the plugin that has the dropdown list in Terminal?

[@AllAroundFlight]

seems like almost perfect, just need to somehow get a datastorage behind everything. But will look at the video and just get started :)

[@OluwatayoDamiloladavidCy-mo4ig]

Thank you, Mr. Adrian. But i have a question what about the screens for the drivers?. How will they be able to accept the ride and get paid

[@shubhamranjan4596]

google hired me after this project ,thanks sir

[@galaxies_dev]

WOW!

[@joninsley8]

Do you know any way to use zustand devtools with react debugger? Thanks

[@johnmccants6828]

Can't wait for the API routes with Expo Router!

[@rishabh1S]

Exactly man

[@galaxies_dev]

API routes are 🔥

[@AgustinAstronomy]

Why didn't you include isLoaded and segments in that use effect dependency array? ( at 1:28:36 )

[@dondragon2]

What plugin are you using for the terminal for this autocomplete drop-down?

[@leonalex330]

what extension are you using to show the colors from your constants?

[@smile-dev]

Hey Simon, not sure it is what you meant about the command but just cd to the directory and "code -r ." you forgot the dot

[@galaxies_dev]

Thanks, will give it a try!

[@bayoudev]

I just finished it! Thank you so much

[@galaxies_dev]

You're so welcome!

[@icodeal2210]

unfortunately it looks like clerk auth isn't supported in my country what alternative can i use ?

[@msv900]

After installing clerk packages my app stopped working and getting a error Error: Cannot find native module 'ExpoApplication', js engine: hermes not sure what do to

[@RoyalDailyTea2024]

Please did you fix this? I'm stuck here

[@simielxx]

Hello Simon, please is it possible to use zustand for lock state management. Thank you

[@kidthree]

Great video. I would like to mention that every time we installed a new dependency I had to do a bunch of debugging and changing build environments. Specifically for Android. You should make a note about that because I lost hours just to get things to work on every npm intall

[@galaxies_dev]

That sounds very strange, normally it's just re-running the run command!

[@satanist70]

Саймон, привет, спасибо тебе огромное за твои видео, они действительно очень сильно помогают на практике узнать очень много нового и полезного про React Native! Simon, hello, thank you very much for your videos, they really helpful to know many new and useful things in practice about React Native!

[@ted.larsson]

Are you sure the signOut function is working? I might have messed something up in the top _layout file but when i try to signOut with clerks useAuth signOut method, i get a warning, Possible unhandled promise rejection, (id:0): error: No native splash screen registered for given view controller. Call 'SplashScreen.show' for given view controller first. As I understand it the entire file is re rendered when isSigned in updates and since the splash screen is not shown it cannot hide it again and the app crashes

[@ericsonl_]

Thank you for this especially the app icon customizable. Hopefully you can also try to create an home widget using expo

[@galaxies_dev]

Good idea for a future video!

[@ikeodira4761]

Please I can't connect to clerk, what could be the problem?

[@fluxsiarski]

Idk, yesterday I completed Auth 1:20:00, and the next day it shows a registration error !UPDATE: 04.07.2024 I am a stupid . After registration it should be obvious that I can't register again with the same number, that's why I got the error.

[@SahilBhosale08]

😂Happens

[@TechInstallGuide]

Hey Man Can you help me? ERROR TypeError: window.addEventListener is not a function (it is undefined), js engine: hermes when ever i try to use clerk provider it gives me this error

[@fullstackcoder1181]

I'm getting "Cannot find native module 'ExpoApplication' " error when I try to run app in dev client. Does anyone know how can I fix it ?

[@zackfine4542]

I'm also getting this

[@rishabh1S]

@@zackfine4542 at what part?

[@madmaxdev]

This going to be lit🔥

[@cryptotipsandtrends]

How about implementing a referral system for the users? Any SDK we can use?

[@vojtasks]

This is awesome dude, helped me a lot.

[@galaxies_dev]

Glad to hear it!

[@johnycache]

In terms of apple messing up with PWAs - are react native apps more future proof in this sense? i.e. Would react native apps suffer any of the same setbacks as PWAs? Thanks!

[@josephikinda7174]

Hey Simon Grimm, i'm on windows but i wanted to debug on a iPhone, is threre a solution for prebuild ?

[@TheBotMir]

To open a folder in vscode within the terminal you have to first cd into the folder you want to open then use the ‘code .’ command

[@galaxies_dev]

you can actually do it with "code -r foldername" as well!

[@rohanrana232]

How to create the tooltip for cartesian chart in javascript ?

[@barbarojaviervalmasedavazq9713]

Thanks SImmon, your works is amazing

[@galaxies_dev]

Thank you 🙏

[@poupCode]

where you install mmkv ? what part inthis video ?

[@Be_Confident11]

I'm thinking about to start this video is that worth it???????

[@poupCode]

Because im error when i install it unable create instance

[@galaxies_dev]

It's at 01:52:01

[@AllAroundFlight]

Hey Simon, got another small question. I tried to get Zeego working, seems to do everything correctly except adding in the icons. I am not using Ios rather android, but tried folowing the doku or you made the icon not appear. You have small example there? Btw, do you also have a discord to hang out and maybe ask some questions?

[@DevJariwala-nd7dx]

can you make an application that can receive the notification if the application is closed or does not have internet

[@AndreiKashkan]

Hi Simon, great content. May I ask you how I can lock screen in landscape mode on tablet devices (android tablets)? Thank you!

[@MersiliaWax]

what extensions are you using for vscode?

[@marcosromero5938]

Amazing! I was stucked with Expo until I knew about you. I have a question. What happen with the local storaged transactions if you log in the app with another user? I did a test and I guess everyone logged in can see it, I don't know if I'm doing something wrong or in a real app there is a better way to do all this stuff. Thank you very much!

[@greyshopleskin2315]

I didnt see the whole video, I’m just a curious backend guy but I can guess what happens. Yes, in a real app this would be handled differently. The data would come from a server. You don’t really want your local storage to be the source of truth. And obviously you don’t want to make a request every time you need transaction logs. So you would have 1 api client class that implements some interface (TransactionRepository?) and another one that takes in the constructor that class and uses it to get the data, but it handles caching. When your code uses that class to get data, it checks the time to live of chached data and returns it or invalidates it and makes an API request, chaching the result. The transactions cache should be per user. So for example in a KV store you can prepend username/ to each key. In sqlite you filter by a user column. To be more resilient against developers mistakes, depending on the project it could be a good idea to invalidate cached information (all users).

[@brodyolabarriaga1316]

Hi great video, do you know why my api routes just return the page html?

[@ntindaSnyper]

I need to watch this fully!

[@codebazaarr]

well is anybody getting the error message: Android Bundling failed 948ms (C:\Users\user\Desktop\app\Fintech ode_modules\expo-router\entry.js) Unable to resolve "expo-application" from "node_modules\@clerk\clerk-expo\dist\singleton.js"

[@nadernagat5737]

me too my friend ! did you found a solution ?

[@Pedro-hz4lf]

Is it possible to integrate a crud in laravel in this project?

[@galaxies_dev]

Sure you can!

[@TechInstallGuide]

ERROR TypeError: window.addEventListener is not a function (it is undefined), js engine: hermes how to solve it i m stuck here

[@bpena610]

In the api route the ExpoRequest is deprecated. Do we just use the regular Request from react native?

[@dedanmsafari8213]

yes ,use Request and Response according to the expo documentation

[@diegoletelier502]

Hey, i got some error with the expo av. My video doesn't render properly. And i got the same code as you

[@ian2neko]

I also unable to see the video on my Android device. I dont receive error from expo av but I tested my Android is unable to play the intro.mp4. I have to replace the video with another one and then my problem fixed.

[@diegoletelier502]

@@ian2neko you just replace the video and thats all? The vid from the file that is on the code it doesn't work on android. You think i should replace de video?

[@ian2neko]

@@diegoletelier502 I am not sure whether you have the same problem as me. You can test sending the video to your device and play it. If it plays, you are having different problem.

[@prodeath2200]

For me: on Android emulator, the file size is too big to be allocated in the memory which caused an error, - you can lower the video size or change it to much smaller one (I Didn't do that) or (what I did) add android:largeHeap="true" in androidmanifest.xml inside the like this

[@sohaibeboss]

the video of the first screen didn't load for me

[@iammakafui5667]

this worked for me. Require the video directly instead of using assets change: source={{ uri: assets[0].uri }} to: source={require('@/assets/videos/intro.mp4')}

[@sohaibeboss]

@@iammakafui5667 thanks

[@cataneo]

@galaxies_dev, the "npx expo prebuild" simply destroys the project for me, it's unable to install cocoapods and I cannot run the app. I tried installing manually, does not work. Any suggestions?

[@galaxies_dev]

That's strange, I never experienced issues with prebuild :/ Is your app.json set up correctly? Do you have the native SDKs and tools installed?

[@bryaniban2678]

what are the alternative for OTP?

[@FULLUPE1]

woo Thank you sir , one of the best learning platform ....

[@galaxies_dev]

Glad to hear that you enjoy the content :)

[@FULLUPE1]

@@galaxies_dev pls sir i don't know why OTP not receive .....

[@kraldragon1324]

thank you for sharing this video it was an amazing and i learned a lot from you. appreciate it

[@galaxies_dev]

If you enjoyed it, could you share the channel with your RN buddies? ️👋 Thanks!

[@code_with_bayo]

Simon am getting an error message from clerk saying phone number from country is not supported

[@galaxies_dev]

That could be a problem for some countries, check their list!

[@filipewolfboeck9255]

What about taking this application and developing it for Android?

[@KelthozT1]

Awesome video! And also, I love how your VS looks like. Which theme or personalization do you have?

[@galaxies_dev]

I use Shades of Purple!

[@KelthozT1]

@@galaxies_dev Thank you so much! I want to see all your videos!

[@usmanmarkaz]

is face ID package work properly in Andorid why you don't use Android Emulator

[@AGUNGKAYA]

Sir do you give up on angular/ionic thing?😮😢

[@hasantayar586]

can u please explain how i can fix expo build on ios ?

[@zakmnmoh]

Great News, let us see how react-native can compete in Fintech apps compared to other C#, Nodejs and Ionic (Angular). Is it possible to take it into production level in the app store?

[@galaxies_dev]

For sure!

[@christophermungiria2876]

I discovered your channel a few weeks back and I really enjoy your content. I have a question. How do you get autocomplete on your terminal?

[@j._7054]

Oh-my-zsh zsh-autosuggestions

[@christophermungiria2876]

@@j._7054 Thank you 🙏🏽

[@umehstanley3140]

how to integarte backend to this and add payment methods

[@고병차]

hi simon it's very good video very helpful to me. and after i did, i have just one question. is it okay to make ui just using px? like height: 60? shouldn't it be responsive ui?

[@galaxies_dev]

If you use fixed values your UI won't be responsive, so it's usually not a good idea

[@omjagtap3432]

How to start with react native after angular is it necessary to know react js

[@galaxies_dev]

No, I think you can pick up React while learning React Native!

[@iyobosabetty5703]

Sir am so happy to be here

[@galaxies_dev]

Me too!

[@abderahmanMOUSSAOUI]

waiting ... why not today, since the tutorial is made

[@ShiranAthukorala]

clerk not support Sri Lankan country code and some of most country codes..so please do phone auth with some other ....thanks🤔

[@vamsimohanchowdary]

hey, here presentation: 'modal not working in android working in iOS

[@matkomilic8382]

i wonder why tanstack query wasnt enough for state management but also zustand was used? (i didnt watch the video yet)

[@ebichu8126]

Component state with zustand. Global state with query

[@hasantayar586]

can u please make a video that explains how i can fix expo build on ios because that im not using expo to make native projects

[@manisharya2138]

Amazing app contains lots of information and use multiple tolls is really awesome. please make a tutorial for e-commerce app which using all this tolls.

[@galaxies_dev]

Noted!

[@umutimamoglu1598]

hi dude . I wanna get your github?

[@emmzzyvibes1655]

i'm not been able to access clerk website is it just me?

[@MarkChaney]

This doesnt appear to have an App.js in the repo. Am I missing something?

[@galaxies_dev]

This is using Expo Router, there is no need for an app.js!

[@ojas4205]

While doing the widgets in android is anyone getting the engine error. Expected 0 arguments but got 1

[@amitbaderia6385]

Video not playing on andorid. Not visible

[@mpumuropatrick4288]

thank you sir for sharing amazing skills. I followed the tutorial and I got stuck about code verification I cannot receive the verification code on my phone can you please help me

[@leocrawf]

does anyone have an issue getting the video to show on android?

[@Anshiakhileshmj]

Please share an video of how to setup this GitHub repository in windows.

[@devbyveritech]

How secure is clerk in a real production????

[@zlatkoiliev8927]

Hey Simon, I am using the latest version of Expo 51. And when I install zeego and try to run the ios emulator I got the following error: Error: Cannot find native module 'RNIContextMenuView', js engine: hermes Can you please help?

[@abduljamalolakunle8685]

hi. please were you able to solve this?

[@MaiAurMikky]

Great video ❤

[@uminhtetoo]

Thank you so much for sharing your experience and knowledge, Sir.

[@galaxies_dev]

My pleasure!

[@TechInstallGuide]

i have a query can any one explain me how to bring mobile phone on laptop screen?

[@densaldanha]

You can do it by opening android studio and go into AVD Manager to create a virtual device and launch it.

[@hasantayar586]

hi dude which version of XCODE are you using?

[@RandyAugustus]

I think the min version is 14.

[@kraldragon1324]

does The native menu library zeego works with only ios ?

[@galaxies_dev]

No, but the Android menu will look different

[@Hari-o4h]

I dont even see the video in the screen followed the same code... But if i paste the image link from any website it works.. Why the local video is not visible?? I'm currently doing in android emulator

[@bieniask]

did you fix that mistake?

[@gigabit03]

" code . -r " that is the command to open on the current windows in VSCode.

[@galaxies_dev]

Thank you!

[@gigabit03]

@@galaxies_dev Thanks to you for all the good you share

[@biomatrix8154]

Can u give Ionic some luvin? Version 8 beta is out.

[@mugerwaobadiah1621]

awesome, y not use nativewind for styling

[@galaxies_dev]

Maybe next time ;)

[@error5959]

drag and drop code doesnt work for web

[@adelekeabiodun9991]

you just get a new subscriber bro

[@galaxies_dev]

Thank you so much!

[@huynhphatat3919]

What about integrating TailwindCSS into project in the next video?

[@galaxies_dev]

Yeah waiting for the next Nativewind release!

[@cpimenteldev]

I love your content, really awesome... 🎉

[@galaxies_dev]

Thank you so much 😀

[@Gangbuster74]

I am facing this error Cannot find native module RNIContextMenuView' , on. Mac as well on Windows I am using a physical device through expo go can anyone pls help

[@abduljamalolakunle8685]

were you able to solve this?

[@Gangbuster74]

@@abduljamalolakunle8685 no bro