Build and Deploy a React Native App | 2023 React Native Course Tutorial for Beginners

🆕 UPDATED • React Native Course fo...
The existence of React Native makes React one of the most valuable skills to have. Learn to transform 75% of your knowledge from making websites into building mobile applications today!
Want to land your dream programming job in 3 - 6 months?
⭐ JSM Masterclass Experience - jsmastery.pro/masterclass
Become a Software Engineer. Guaranteed.
💻RapidAPI - rapidapi.com/?...
💻RapidAPI JSearch - rapidapi.com/letscrape-6bRBa3...
To increase to 500 requests, contact: [e-mail] (rapidapi.com/user/letscrape-6...)
More Letscrape APIs: www.openwebninja.com
BUG FIX - If you can only fetch the Nearby or the Popular at once, here's the fix. Go to the JSearch API, and resubscribe to the free plan again. We recently updated it, so it allows for two requests per second. Nothing in the code has to be changed.
📚 Materials/References:
GitHub Code (give it a star ⭐): github.com/adrianhajdin/proje...
Assets, Components, Public folders: drive.google.com/file/d/1VGr3...
GitHub Gist Code Snippets: gist.github.com/adrianhajdin/...
Design: dribbble.com/shots/11867493-J...
📙 Get the Ultimate Frontend & Backend Development Roadmaps, a Complete JavaScript Cheatsheet, Portfolio Tips, and more - www.jsmastery.pro/links
Alongside building this application, you'll also learn how to:
- develop visually appealing UI/UX designs
- fetch data from an external API and integrate it
- implement search & pagination functionality
- create custom API data fetching hooks
- write clean, organized, and maintainable code with proper architecture
- follow the best practices for React Native development
💻 Join JSM on Discord - / discord
🐦 Follow JSM on Twitter - / jsmasterypro
🖼️ Follow JSM on Instagram - / javascriptmastery
💼 Business Inquiries: [e-mail]
👇 Time Stamps:
00:00:00 Intro
00:04:18 React Native Crash Course
00:14:06 Setup
00:24:30 Home Screen
00:55:20 useFetch Hook (API integration)
01:22:15 Job Details Screen
02:00:59 Search Functionality
02:11:00 Deployment

[@javascriptmastery]

🆕UPDATED FOR 2024 kzbin.info/www/bejne/kHOmhpidib95ba8si=J6O_Ou9_-tUHWRpz

[@doudgaya]

@@actionoctaviacool

[@Andrew-Tsegaye]

We're coming our master mentor!🙌

[@loginet1]

Thank you for this amazing tutorial. Can you post what VSCode extensions for ReactNative are you using? I really like the autocomplete you get. Cheers!

[@Andrew-Tsegaye]

@@loginet1 Pay monthly and gain access to AI-driven advice from Adrian.

[@Yahya_Umar]

"Need video tutorial for starting freelance work. Seeking experienced freelancer to cover client acquisition, portfolio creation, payment systems, and more. Let me know if interested!"

[@TheOGDesigner]

I want to thank you for such valuable content, Adrian! I learned React JS from your tutorial on the movies webapp. It was the start of my journey and I now dominate React JS as if it was my NES! Now I'm starting to delve into React Native and I specifically looked for a tutorial of yours. You are the best at theaching these topics, seriously! 💯 Thanks!!!

[@nadeemjohnson6204]

Another amazing tutorial. Recently I have found myself in a situation were I was required to build React Native features for a client without any prior React Native experience. It was tough but it had to be done, luckily my React knowledge saved me. Armed with this new information on how React Native works and how to build, I'm confident and ready for the next native project. Thank you so much for this 😎💥🙌

[@AkshayPrasad-fh1bi]

Excellent course for a beginner! Absolutely loved the process and was fun completing it! Would love to have more react native tutorials from you!

[@adeniranolukanni800]

Thanks for giving so much value to the dev community. I am very sure many like me were able to level up their dev skills through your incredible tutorials. Your channel has added the most value to me as a dev. Thank you is not enough. I do hope we all are able to give back to you Adrian, some day.

[@njengathegeek]

The 1st 15 min of explanation is so crucial and it lacks in other tutorials, Nice work Andrian

[@javascriptmastery]

Thank you, I appreciate it!

[@thomasrooskens7762]

For anyone having the same issue as me with the font not loading. Make sure you install expo-font@11.4.0 instead of the 11.6.0 version.

[@jomaldotco]

I did that but the issue persists :/

[@michitio]

Thanks, I did it, you saved my time

[@ulyssessuen2720]

@@jomaldotco killing the process and rebuilding worked for me :)

[@hozay6552]

I saw this elsewhere here, and it worked for me: @codebreaker2495 update i saw another guy with the solution: Solution: npx expo install expo-font

[@SHASHANKSHEKHARIIITDharwad]

Thanks mate. it worked.

[@ionutsandu5913]

I just can't believe I wasn't a subscriber of this channel already. Best content on youtube. Even though I work as a full stack developer there's a lot I am learning from your videos. Thanks a lot!

[@iearlg]

It's almost 12mnths since the last React native course and still JSM is giving us amazing contents course. Thank you again & again. React Native is something I've always wanted to learn. This courses will speed up my journey into React Native. 💙

[@javascriptmastery]

That's right! Enjoy! :D

[@paavanagrawal]

I already know intermediate React and wanted to get into app development. Although flutter is the most popular option out there right now, I though getting started with react-native might be easier for me. When the tutorial started and you gave some of the files, I was a bit underconfident that I would get to learn much but the amount of things I learned were a lot. Thanks for this tutorial.

[@danilsonjudoca8753]

I'm Angolan, I loved it! I hope that u provide more videos for us "the begginers". thankfull!

[@MrPeterJin]

It's amazing how you produce this kind of videos one after another with such consistency. Going to learn a lot through this!

[@javascriptmastery]

Glad you enjoy it!

[@devagarwal3250]

@@javascriptmastery bro what would you recommend flutter or react native for cross platform

[@muneeburrehman547]

@@devagarwal3250 flutter

[@jorgechirinos5116]

Wonderful course, i'm about to start in the react native world after a year as front end developer and this helps a lot, keep doing such an amazing content.

[@christian-schubert]

Eerie. Having focused on Web Development for the recent past, I was tasked with the development of a mobile app. Since React Native is a pretty efficient and developer-friendly way to pull this off, I was searching the web for some up-to-date tutorials not having been active in this field for a while and - BOOM! - notification that Javascript Mastery dropped a new video. Thank you for that!

[@fva5626]

Good job and tutorial, thanks. As someone who is new to React and javascript but not software development, I would have wished for more in-depth explanations sometimes (regarding hooks, states, props, and javascript features), but that would of course make the video very long. I think the advice of putting the API key in an environment could give a false sense of security since secrets shouldn't be put client-side?

[@Roshan-rd9rh]

Thank you for this course. You're doing really really spectacular job for the learners like us.

[@waifufx]

I have always wanted to know how to make a job application in React but React Native. No, that's even better. JSM, thank you for blessing developers with this build.

[@javascriptmastery]

You're very welcome!

[@cubedev4838]

Please make more react native tutorial like this. I love your structure, very save my time

[@abdourahman87]

Thank you so much adrien, i really enjoyed following through the whole tutorial from scratch. Great Job👍

[@hoangnguyenvan831]

A master in simplifing problems, another awesome work, keep it up!

[@javascriptmastery]

Thank you! Cheers!

[@coders_rant]

Thank you for always teaching us these valuable projects.Was searching for an upto date rn tutorial.this helps a lot❤️

[@javascriptmastery]

You are so welcome!

[@EricMalek]

This is outstanding! Great video and the community here was an amazing source of info too!

[@VinodhK1992vk44]

Yet another amazing tutorial! Appreciate all your efforts! Thanks

[@OhHellNo1111]

literally decided to start learning react-native and when i search youtube you just dropped this yesterday! mind reader bro. thank you for all your hard work!

[@javascriptmastery]

That's awesome!

[@mubasshirfarooqui1741]

Same here

[@viomeshowers]

Thank you Adrian for all your contribution to the javascript community. @ 1:41:22 while working on the Tabs.jsx component, return the content of TabButton by using return ( ... )

[@garvitsharma2353]

Hey buddy did you got alert message of error after exporting the useFetch

[@MsBambi87]

Thank you sooo much! I was seing nothing and wondering what I'm doing wrong

[@victoriyanu3390]

I watched yesterday and I am watching again this morning. I needed to run here to comment that this is really cool. From your voice to the choice of example etc. make everything perfect. Thank you

[@talhaberkkosmene7182]

thank you so much, i got the basics and essentials of the react native and i can do my homework now. i appreciate that

[@jagadeeshkj594]

Let's take a moment to appreciate this guy for his amazing content 👏🏻👏🏻man you should've seen my face brighten up when I saw your video on my homepage, thanks.❤

[@javascriptmastery]

Wow, thanks! That means a lot to me! :)

[@samanthabrown-qk4pk]

Great tutorial! Some advice to those who do this: After you have set up your useFetch function and know that it's working comment out the code, hard code some response data, and return that in place of actually making the api call. The 150 calls/month that you can make for free to JSearch go very quickly (especially if you're emulator auto refreshes on changes) and i maxed mine out before i even finished the build. I'm sad that now i'll have to wait a month for it to reset before I can see the app in full action.

[@imadmachi3227]

Thanks for the advice

[@sebashmh]

You can just create another account and get 150 more requests 🤫

[@ary_21]

i am getting something wenwrong error on tpopular jb cards . its not even showing the logo do you know any work arounds? at 1:04:00

[@marcvale252]

@@ary_21 same error here... did u solve this?

[@ary_21]

@@marcvale252 no budy This project has beena sitting duck for a while

[@hassamullah4553]

What a fantastic tutorial, I have not watched a better put-together youtube tutorial about any technology before. A great watch!

[@javascriptmastery]

Thank you so much!

[@josuebarros5727]

This is gold! Thanks for sharing with us! I plan to do this tomorrow on Sunday, because I need to dive deeper on React Native as soon as possible!

[@javascriptmastery]

Sounds great!

[@FilmUniverse7]

I was just thinking of how to start React Native. I LOVE YOUUUU

[@masiko_msd]

Same here, and I was about buy a course

[@javascriptmastery]

Enjoy!

[@djenebakabadiakite3591]

Same 😊

[@raymondhughes2269]

Love you too 😗

[@roxk6344]

Sus

[@disgruntleddev]

I'm seasoned with react native and I can say this is a great course

[@javascriptmastery]

I appreciate that!

[@daniabuaf]

I loved your tutorial, man!!! Thank you so much for your time going through every single detail.

[@manishapatil3706]

I was also looking for the React Native learning based project. Thank you so much for adding this project 😊

[@mhdfirassbarakat6587]

You , Dave Gray and Elzero web school are the reason why I have a developer career thanks from down bottom of my heart

[@javascriptmastery]

Thank you!

[@griffinkirkland9087]

MHD Firass Barakat The power of KZbin 😎

[@Dev-Siri]

Finally, the course I had been looking for.

[@javascriptmastery]

It's finally here!

[@hugozaca]

Coming from 4 years of working as a Angular developer this was for me a great introduction to mobile development and react. Although react native is not exactly the same as react.

[@leenaghatiya422]

Thank you so much for this tutorial, please make another one like this as you mentioned in the start of the video. Thank you again

[@Andrew-Tsegaye]

Adrian's exceptional coding prowess in developing native apps for both iOS and Android platforms using React Native is truly awe-inspiring. His unmatched level of expertise and profound ability to simplify complex programming concepts on his JSM Pro and Masterclass series are unparalleled, setting him apart as a one-of-a-kind mentor in the world of app development. It is nothing short of remarkable to find a mentor of Adrian's caliber and distinction providing invaluable guidance and resources for free on KZbin. In short, Adrian is a rare gem and a true asset to the React Native community.

[@javascriptmastery]

Thank you!

[@samnmeje3486]

everything you just said, i am lucky and so glad to find you. i like the fact you started with a blank project.

[@bharath2508]

youtube is blessed to have such content like this. KZbin must be grateful for such creators.

[@javascriptmastery]

Thank you!

[@Seekingtruth-mx3ur]

KZbin doesn't give AF lol

[@AnimeGaatha]

Thanks a lot. This is the first react native tutorial which I have completed. Thanks Javascript Mastery. You are a life saviour.

[@bharatpaliwal9862]

Highly appreciated all efforts in these YT videos. Learning Development never got this structured and smooth. Thanks for such content.

[@javascriptmastery]

Thank you!

[@jiukam856]

thank you so much in the tutorial!!! It's so helpful and great presentation skills!

[@HierImNorden]

I liked the course and followed along until the end. It taught me a bunch even though it was confusing at times because you had cuts in it where code had changed and some things are simply broken 9 months after video release thanks to the SUPER STABLE Javascript ecosystem. I have to disagree with you on the "We coded everything ourselves" part. As demonstrated many times throughout the video, without the proper structure of nested components and, even more importantly, the STYLES, this app would look terrible / many things would not be rendered at all! I could maybe adapt this app template into my own project but I don't think this really taught me how to build my OWN app. I don't find the technical aspects of React difficult - like when to use which hook - but getting some layout to show on a blank canvas, deciding how to style components so they are where I want them to be etc. - THAT is the complicated part for me and I would love more guidance on that. I would love to see another video where you do the opposite of what you did here - provide an unstyled but functional app scaffold and turn that into an actual UI through styles and Layout components (Views etc.). Anyways, thanks for this high quality learning material man!

[@jonathanbriceno3865]

Wow...a dream come true, I was waiting for a video of you with that technology. And it's here. Immensely grateful. I admire you a lot.

[@javascriptmastery]

Thank you so much 😀

[@isamsvideoediting4572]

Thank you soooo much..... I have started learning front-end development a month ago and this video is exactly what I needed.❤

[@javascriptmastery]

You're so welcome!

[@samwilson4597]

this man is the GOAT of dev tutorials. Thank you for everything man

[@bharatpaliwal9862]

JUST completed till the end!! Just few points to save time: 1) always restart 2) delete node_modules and reinstall ( if getting struck with unforesene errors) 3) eas cli is used for deployment Thanks

[@albertd7658]

Did you ever get the error "0 , _expoRouter.useSearchParams) is not a function" in [id].js? Can't load the job detail because of this Fixed: Use "useLocalSearchParams" instead of "useSearchParams"!

[@saurabhshelar3401]

Do you hire a designer to make designs for these tutorials or what you can suggest to get better at UI/UX?

[@mysteryman2213]

cant thank you enough for bringing up this amazing top quality tutorial

[@CrisWebDev82]

Amazing React-Native tutorial. Thank you. I just finished working through this tutorial. Though I ran out of api call tokens to see the result of the app on my device.

[@ibtisamkhan-pe2bn]

Love you bro❤ you are the only one on KZbin who build professional projects

[@javascriptmastery]

I appreciate it!

[@johnubz1989]

Hi Adrian, this video almost hit the 20k likes. Looking forward to more react native tutorials. Thank you.😊😊

[@javascriptmastery]

Coming soon!

[@rmarcello1984]

Thank you so much for this video, I learned a lot from you, the example is amazing, I will use everything very quickly!

[@gaofan2856]

Thank you for an up-to-date tutorial

[@user-qg9dm7mp3k]

Hello! Can you please share the extensions you are using that make the component names clickable? Also, I see that as you type the names of the components etc. become visible? Is there any extension for that? I tried to search an extensions video on your channel and even downloaded your cheatsheet but am not able to set it up the way it works in the video.

[@insses]

Please provide more react native tutorials, great job.

[@yajra.mendoza]

Thank you so much for this JSM! Keep it up. You are the best!

[@javascriptmastery]

My pleasure!

[@YogendraSingh-kf8hp]

This is gold! Thanks for sharing with us! Could you please make a fully functional job posting app in react native with typescript. I liked and share it with my connection. Thank you sir 🙃

[@javascriptmastery]

Great suggestion!

[@mendylanda125]

+

[@edzonperez3604]

The first react Native course was awesome, now this New course is insane, thanks for all Adrian! We love you

[@javascriptmastery]

Thank you, enjoy!

[@techthief3278]

Wonderful tutorial Crystal clear great job !

[@Habitual-Developer]

You gone beyond the bare concepts on endpointsEverything Dynamic, You are a real perfect professional educator.

[@jocospeed98]

To anyone who had trouble with images not loading in ScreenHeaderBtn component: On the element use the source prop instead of src.

[@nickvitchditch4036]

what do you mean?

[@jocospeed98]

@@nickvitchditch4036 I have mistakenly used the "src" prop instead of the "source" prop when writing the code, and I just made others aware to not be dumb like me. 💪 (Explanation: The "source" prop will take a number. The number is really an index to the loaded asset. On the other hand, "src" works just like the src prop in HTML.)

[@bazcgc]

Hi great tutorial, is there a reason why images would not render, all else is working apart from the images

[@nazimshkh279]

Awesome! Awesome! Thank u very much for providing this tremendous tutorial

[@MarceloBlueMusic]

Thank you this tutorial is amazing best one on youtube! One thing I noticed is the checkImageURL function returns false for some images that have a url so I replaced the checkImageURL function with just checking if employer_image is null

[@mdmofazzalhossain77]

The legends from 2023 JavaScript Mastery - Just master of explanation with examples Traversy Media - Excellent at making others comfortable with proper understanding Web Dev Simplified - (for css) Lama Dev - for Mern Stack project And many more are there... But I like the JavaScript Mastery among those all.. You are just awesome man..keep it up.. If I could afford, I would surely buy your courses..

[@javascriptmastery]

Thank you!

[@siddiqahmed3274]

dude kevin powell for css

[@mindbodyps]

My respect towards you increasing every day.

[@javascriptmastery]

Thank you!

[@hugopinho9534]

Love it! Amazing video and tutorial!!

[@alok8bb912]

I came to your channel after almost 2 years now, the way you're presenting using those cool slides is very interesting!!

[@javascriptmastery]

Welcome back!

[@shoaiblatif783]

Hi everyone, at 1hour and 7 minutes in, im getting a problem with the styling. It comes up with a purple box with a white box in the middle for where the logo is supposed to be? Im also getting another error where the handleCardPress is not a function as it is undefined (im assuming well be doing this later in the video). Anyone have any suggestions on how to fix the styling error?

[@krsnamara]

I think I had this similar issue. If you go back and look at your FlatList and change data = {data} to actually use the API data instead of the stand in. This worked for me. I am guessing you have figured it out or moved on by now 🤣

[@christiaandekock1136]

@@krsnamara broooooo you need 1000 likes xD It was driving me mad, didnt even think of going to look there hahah

[@krsnamara]

@@christiaandekock1136 it all happens so fast sometimes! After I figured it I was like "UH OF COURSE!" Usually how it goes for me. At least it wasn't a typo X)

[@christiaandekock1136]

​@@krsnamara haha yeah - you saved me with that one. 😂

[@aaronwang4555]

01:48:00 if anyone wants to know why it looks like a square still (the dot point), u just need to add overflow hidden in CSS, pointDot: { width: 6, height: 6, borderRadius: 3, overflow: 'hidden', backgroundColor: COLORS.gray2, marginTop: 6, },

[@ahmedalsaedi3849]

Your Native content is great, thank you very much for sharing this

[@soke133]

Perfect as usual , working on smth like this already but with this tutorial i'll be able to do more, This came just at the right time, Thank You JSMASTERY

[@javascriptmastery]

Thank you!

[@soke133]

@@javascriptmastery Please what VS Code theme do you use?

[@khushshah9982]

I can't seem to fetch data from api as it just shows the container without any logo or company name . I have checked the code and the limit of api calls is not exceeded ? what should I do ?

[@truevoicenft]

im just doing now and it's solved changing the array on the Flatlist of Popularjobs.jsx for {data} I mean data={data}

[@emmanuelnkiriyumwami1225]

For those who are having issues with placeholder text not showing up on ios, add 'multiline' to your TextInput component.

[@javascriptmastery]

Thanks!

[@shawn.builds]

worked for me thanks!

[@ejehwayne8586]

u find the solution yet? are ur popularjob and nearbyjob cards loading the same time?

[@emmanuelnkiriyumwami1225]

No, I didn’t find a solution. I am still having this issue. Everything looks nice but I don’t know why popularjobs and nearbyjobs are not showing/loading at the same time

[@Seldoon182]

It's displaying the text on ios but it's stick to the top part of the input. Is there any other solutions?

[@willianalmeida3670]

Entendo pouco o idioma inglês, mas com o pouco que sei estou aprendendo muito com este canal do youtube. Parabéns. Você não fala em uma velocidade que facilita o entendimento.

[@willianalmeida3670]

Correção: você fala de forma fácil de entender.

[@planetcrypton9666]

Great video. You’re really helping me on my developer journey. Do you know how to use web3 libraries in react native? I’m aware that there is some compatibility issues. When I try importing web3 I keep facing a mix chunked/arraybuffer error

[@captaincrunch7481]

Error: 'fontFamily "DMBold" is not a system font and has not been loaded through Font.loadAsync' Solution: npx expo install expo-font

[@dDesirie]

i'v been stuck because of this very same error for hours! you're a lifesaver man!

[@KieranAtkins]

THANK YOU!!!!!!

[@mustaphamiah]

This worked dude, thank you!

[@codebreaker2495]

tyyyyyyyyyyyy

[@dAtramt]

Thank you!

[@vishalborana9020]

If your get the error - Unable to resolve @env. Then modify your bable.config.js file to add the plugin - [ "module:react-native-dotenv", { moduleName: "@env", path: ".env", }, ], And then clear cache by running - expo r -c or rm -rf node_modules/.cache/babel-loader/*

[@captaincrunch7481]

This command reset the cache for me: npx react-native start --reset-cache

[@ulyssessuen2720]

Thank you so much for this.

[@adrianturea6186]

Great tutorial. Very helpful and explained. Thanks a lot!

[@valentina-buoro]

Thanks so very much for this awesome tutorial!

[@pofiabel9526]

Hi! Big thanks for putting this together, but i keep getting this disturbing ERROR when i use the FlatList within the ScrollView just as you did: "VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead. " How didn't you get same error🤥 and also what could be the possible solution? Thanks👍

[@ashishspt3225]

i am also getting same error. Have you solved it?

[@henriquemoreira1879]

You have to use the "horizontal" property in yout FlatList so that there is no conflict between the orientation of its parent element. *sorry for my bad english

[@pinspatterns]

@@henriquemoreira1879 Thank you really much!

[@Nature-sl1yo]

I tried following along but kept getting issues with babel version being depracated

[@plasticfoodz6991]

same issue

[@Erica-ti4ll]

OMG!! You are incredible! Speechless! Thank you so much, Adrian!

[@javascriptmastery]

My pleasure Erica!

[@sujitprasadkushwaha9031]

this was a really good tutorial on react native. I learned a lot. waiting for second course for it. Awesome. 😊😊😊😊😊😊

[@aswin6261]

expo-cli is deprecated. what is the alternative one

[@DarkGaming-kq3wn]

hey how did you resolve it

[@ashishsangwan5091]

Great video as usual. I have an issue though. My fonts aren't loading. I have written the code exactly same as you but its returning Null because fonts aren't getting loaded. Any solution?

[@aristidescruz1414]

Same as you, the error im getting is: - If you intended to use a system font, make sure you typed the name correctly and that it is supported by your device operating system. - If this is a custom font, be sure to load it with Font.loadAsync.

[@mustaphamiah]

same here ?!?

[@codebreaker2495]

update i saw another guy with the solution: Solution: npx expo install expo-font

[@hozay6552]

@@codebreaker2495 that worked! Thank you!

[@codeddesign]

This is awesome, thanks. there is so much value in this tutorial

[@akifunlu5762]

Thank you So much it is very good tutorial. We are looking forward to new ones.

[@codingvidyalaya8370]

The Spotify music website which you made please convert that to native app It would be awesome

[@javascriptmastery]

I agree, great idea!

[@codingvidyalaya8370]

@@javascriptmastery waiting for that jsm it will be a pleasure

[@benbaffoe5461]

Your tutorials are awesome but I really don't the part you prebuilt some files and you stopped explaining somethings along the way

[@gideonolaiya6665]

I was literally just planning on adding App development to my skillset and I found this? Damn, JavaScript Mastery is the best!!!

[@javascriptmastery]

Enjoy!

[@JetPhotoshk]

Thanks a lot this helped me in my part time IT degree in cope with homework, if have React Native (not Expo)Might be more helpful to change career to developer

[@joahuajacobs]

my screenHeaderBtn profile and menu buttons are not showing up can anyone tell me how i can fix this please ive been trying to figure this out for 2 days now. This section of the video is around 33:00 minutes into the video.

[@lokeshr9794]

same here too, I'm also trying to fix it

[@bentoby2123]

same LOL

[@bentoby2123]

Figured it out, when declaring the dimension, make sure you're doing dimension not dimensions. At least that was my error.

[@germantoenglish898]

I have finished the tutorial and it was brilliant. The only problem is that isLoading either loads the Populars jobs or the Nearby jobs but not both. Nearby jobs gets displayed and Popular jobs displays the "Something went wrong" error message. Then when I refresh Popular jobs gets displayed and Nearby jobs displays the "Something went wrong" error message. So the error message just keeps switching between the two on every refresh while the other one displays fine. 🤪

[@jatanshah3207]

I found out the solution to that issue. I am not sure whether its correct or not but you can follow below steps if you want: For the issue where it sometimes shows popular jobs and sometimes nearby jobs, I made slight changes. I created another hook named "useFetcher" and made a second account on rapid api. The key I recieved from the second account I used it for useFetcher hook. Now I used useFetcher hook for fetching popular jobs and search functionality and useFetch hook for nearbyjobs.

[@ejehwayne8586]

Am having Exactly the same problem,, .... you find the solution to it yet?

[@blcwc08jr]

I fixed it by moving the fetchData part into a seprate function instead of using the useFetch hook and add a useEffect in both popular & nearbyJobs with an empty dependency array, and call the fetchData in the useEffect. It works for me.

[@blcwc08jr]

I also added a setTimeOut in one of the api calling function, I guess is the api provider has some restriction on api calling in a short time period, becasue before that I kept got the Error code 429

[@carsparade]

I added a delay parameter to the useFetch hook and used it to set a delay using await new Promise((resolve) => setTimeout(resolve, delay));. Then, I passed this delay as a parameter to the useFetch hook in both popularjobs and nearbyjobs components and gave them different delay times. const useFetch = (endpoint, query, delay) => {... ..... const fetchData = async () => { setIsLoading(true); await new Promise((resolve) => setTimeout(resolve, delay)); try { ... } catch (error) { ... } finally { ... } }; Popularjobs.js and Nearbyjobs.js const { data, isLoading, error } = useFetch( "search", { query: "React Native developer", num_pages: "1", }, 1000 // and for Nearbayjobs.js maybe 3000 ); As a result, the two components are making API requests at different seconds.

[@egesa_michael]

This is by far the best React Native Tutorial

[@Zechey]

Thanks for the vid, helped me get back on react native. I was wondering though, why refetch the element from the API when clicking it, instead of passing the job data in router params when clicking on a job card? And why create a separate axios fetch for the search page instead of modifying the useFetch from earlier and using it?

[@tedmairura8155]

Update this course please...the expo docs have changed...you promised another video when likes reach 20k.