Тёмный

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

JavaScript Mastery
Подписаться 906 тыс.
Просмотров 1,3 млн
50% 1

🆕 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: support@openwebninja.com (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: contact@jsmastery.pro
👇 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

Опубликовано:

 

5 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 1,3 тыс.   
@javascriptmastery
@javascriptmastery Год назад
🆕UPDATED FOR 2024 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ZBCUegTZF7M.htmlsi=J6O_Ou9_-tUHWRpz
@doudgaya
@doudgaya Год назад
@@actionoctaviacool
@Andrew-Tsegaye
@Andrew-Tsegaye Год назад
We're coming our master mentor!🙌
@loginet1
@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
@Andrew-Tsegaye Год назад
@@loginet1 Pay monthly and gain access to AI-driven advice from Adrian.
@Yahya_Umar
@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!"
@oscargalvez7
@oscargalvez7 Год назад
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!!!
@njengathegeek
@njengathegeek Год назад
The 1st 15 min of explanation is so crucial and it lacks in other tutorials, Nice work Andrian
@javascriptmastery
@javascriptmastery Год назад
Thank you, I appreciate it!
@nadeemjohnson6204
@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
@AkshayPrasad-fh1bi 9 месяцев назад
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
@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.
@thomasrooskens7762
@thomasrooskens7762 10 месяцев назад
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
@jomaldotco 9 месяцев назад
I did that but the issue persists :/
@michitio
@michitio 9 месяцев назад
Thanks, I did it, you saved my time
@ulyssessuen2720
@ulyssessuen2720 9 месяцев назад
@@jomaldotco killing the process and rebuilding worked for me :)
@hozay6552
@hozay6552 8 месяцев назад
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
@SHASHANK-u3i
@SHASHANK-u3i 8 месяцев назад
Thanks mate. it worked.
@paavanagrawal
@paavanagrawal 11 месяцев назад
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.
@iearlg
@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
@javascriptmastery Год назад
That's right! Enjoy! :D
@christian-schubert
@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!
@danilsonjudoca8753
@danilsonjudoca8753 Год назад
I'm Angolan, I loved it! I hope that u provide more videos for us "the begginers". thankfull!
@MrPeterJin
@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
@javascriptmastery Год назад
Glad you enjoy it!
@devagarwal3250
@devagarwal3250 Год назад
@@javascriptmastery bro what would you recommend flutter or react native for cross platform
@muneeburrehman547
@muneeburrehman547 8 месяцев назад
@@devagarwal3250 flutter
@ionutsandu5913
@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!
@jorgechirinos5116
@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.
@fva5626
@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?
@waifufx
@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
@javascriptmastery Год назад
You're very welcome!
@daniabuaf
@daniabuaf Год назад
I loved your tutorial, man!!! Thank you so much for your time going through every single detail.
@samanthabrown-qk4pk
@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
@imadmachi3227 Год назад
Thanks for the advice
@sebashmh
@sebashmh Год назад
You can just create another account and get 150 more requests 🤫
@ary_21
@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
@marcvale252 Год назад
@@ary_21 same error here... did u solve this?
@ary_21
@ary_21 Год назад
@@marcvale252 no budy This project has beena sitting duck for a while
@abdourahman87
@abdourahman87 Год назад
Thank you so much adrien, i really enjoyed following through the whole tutorial from scratch. Great Job👍
@victoriyanu3390
@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
@bharatpaliwal9862
@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
@albertd7658 5 месяцев назад
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"!
@Andrew-Tsegaye
@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 RU-vid. In short, Adrian is a rare gem and a true asset to the React Native community.
@javascriptmastery
@javascriptmastery Год назад
Thank you!
@samnmeje3486
@samnmeje3486 Год назад
everything you just said, i am lucky and so glad to find you. i like the fact you started with a blank project.
@EricMalek
@EricMalek Год назад
This is outstanding! Great video and the community here was an amazing source of info too!
@hassamullah4553
@hassamullah4553 5 месяцев назад
What a fantastic tutorial, I have not watched a better put-together youtube tutorial about any technology before. A great watch!
@javascriptmastery
@javascriptmastery 5 месяцев назад
Thank you so much!
@OhHellNo1111
@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
@javascriptmastery Год назад
That's awesome!
@mubasshirfarooqui1741
@mubasshirfarooqui1741 Год назад
Same here
@jagadeeshkj594
@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
@javascriptmastery Год назад
Wow, thanks! That means a lot to me! :)
@talhaberkkosmene7182
@talhaberkkosmene7182 7 месяцев назад
thank you so much, i got the basics and essentials of the react native and i can do my homework now. i appreciate that
@cubedev4838
@cubedev4838 Год назад
Please make more react native tutorial like this. I love your structure, very save my time
@coders_rant
@coders_rant Год назад
Thank you for always teaching us these valuable projects.Was searching for an upto date rn tutorial.this helps a lot❤️
@javascriptmastery
@javascriptmastery Год назад
You are so welcome!
@hoangnguyenvan831
@hoangnguyenvan831 Год назад
A master in simplifing problems, another awesome work, keep it up!
@javascriptmastery
@javascriptmastery Год назад
Thank you! Cheers!
@leenaghatiya422
@leenaghatiya422 6 месяцев назад
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
@Roshan-rd9rh
@Roshan-rd9rh Год назад
Thank you for this course. You're doing really really spectacular job for the learners like us.
@disgruntleddev
@disgruntleddev Год назад
I'm seasoned with react native and I can say this is a great course
@javascriptmastery
@javascriptmastery Год назад
I appreciate that!
@mhdfirassbarakat6587
@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
@javascriptmastery Год назад
Thank you!
@griffinkirkland9087
@griffinkirkland9087 Год назад
MHD Firass Barakat The power of RU-vid 😎
@joshbarros1995
@joshbarros1995 Год назад
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
@javascriptmastery Год назад
Sounds great!
@VinodhK1992vk44
@VinodhK1992vk44 Год назад
Yet another amazing tutorial! Appreciate all your efforts! Thanks
@johnubz1989
@johnubz1989 11 месяцев назад
Hi Adrian, this video almost hit the 20k likes. Looking forward to more react native tutorials. Thank you.😊😊
@javascriptmastery
@javascriptmastery 11 месяцев назад
Coming soon!
@jonathanbriceno3865
@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
@javascriptmastery Год назад
Thank you so much 😀
@rmarcello1984
@rmarcello1984 5 месяцев назад
Thank you so much for this video, I learned a lot from you, the example is amazing, I will use everything very quickly!
@codeddesign
@codeddesign 11 месяцев назад
This is awesome, thanks. there is so much value in this tutorial
@HierImNorden
@HierImNorden 6 месяцев назад
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!
@Fimber015
@Fimber015 Год назад
I was just thinking of how to start React Native. I LOVE YOUUUU
@masiko_msd
@masiko_msd Год назад
Same here, and I was about buy a course
@javascriptmastery
@javascriptmastery Год назад
Enjoy!
@djenebakabadiakite3591
@djenebakabadiakite3591 Год назад
Same 😊
@Gaming-With-Raymond
@Gaming-With-Raymond Год назад
Love you too 😗
@roxk6344
@roxk6344 Год назад
Sus
@manishapatil3706
@manishapatil3706 Год назад
I was also looking for the React Native learning based project. Thank you so much for adding this project 😊
@bharatpaliwal9862
@bharatpaliwal9862 Год назад
Highly appreciated all efforts in these YT videos. Learning Development never got this structured and smooth. Thanks for such content.
@javascriptmastery
@javascriptmastery Год назад
Thank you!
@AnimeGaatha
@AnimeGaatha Год назад
Thanks a lot. This is the first react native tutorial which I have completed. Thanks Javascript Mastery. You are a life saviour.
@Dev-Siri
@Dev-Siri Год назад
Finally, the course I had been looking for.
@javascriptmastery
@javascriptmastery Год назад
It's finally here!
@CrisWebDev82
@CrisWebDev82 7 месяцев назад
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.
@isamsvideoediting4572
@isamsvideoediting4572 Год назад
Thank you soooo much..... I have started learning front-end development a month ago and this video is exactly what I needed.❤
@javascriptmastery
@javascriptmastery Год назад
You're so welcome!
@ibtisamkhan-pe2bn
@ibtisamkhan-pe2bn Год назад
Love you bro❤ you are the only one on RU-vid who build professional projects
@javascriptmastery
@javascriptmastery Год назад
I appreciate it!
@saurabhshelar3401
@saurabhshelar3401 Год назад
Do you hire a designer to make designs for these tutorials or what you can suggest to get better at UI/UX?
@samwilson4597
@samwilson4597 Год назад
this man is the GOAT of dev tutorials. Thank you for everything man
@nazimshkh279
@nazimshkh279 Год назад
Awesome! Awesome! Thank u very much for providing this tremendous tutorial
@bharath2508
@bharath2508 Год назад
youtube is blessed to have such content like this. RU-vid must be grateful for such creators.
@javascriptmastery
@javascriptmastery Год назад
Thank you!
@Seekingtruth-mx3ur
@Seekingtruth-mx3ur Год назад
RU-vid doesn't give AF lol
@mdmofazzalhossain77
@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
@javascriptmastery Год назад
Thank you!
@siddiqahmed3274
@siddiqahmed3274 Год назад
dude kevin powell for css
@hugozaca
@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.
@jiukam856
@jiukam856 Год назад
thank you so much in the tutorial!!! It's so helpful and great presentation skills!
@aaronwang4555
@aaronwang4555 7 месяцев назад
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, },
@captaincrunch7481
@captaincrunch7481 Год назад
Error: 'fontFamily "DMBold" is not a system font and has not been loaded through Font.loadAsync' Solution: npx expo install expo-font
@dDesirie
@dDesirie Год назад
i'v been stuck because of this very same error for hours! you're a lifesaver man!
@KieranAtkins
@KieranAtkins 11 месяцев назад
THANK YOU!!!!!!
@mustaphamiah
@mustaphamiah 10 месяцев назад
This worked dude, thank you!
@codebreaker2495
@codebreaker2495 10 месяцев назад
tyyyyyyyyyyyy
@dAtramt
@dAtramt 9 месяцев назад
Thank you!
@artemchubenko
@artemchubenko 10 месяцев назад
You are incredible teacher. So clear speech and explanations! Looking forward for more RN tutorials. P.S. Greetings from Ukraine
@adrianturea6186
@adrianturea6186 11 месяцев назад
Great tutorial. Very helpful and explained. Thanks a lot!
@bazcgc
@bazcgc Год назад
Hi great tutorial, is there a reason why images would not render, all else is working apart from the images
@YogendraSingh-kf8hp
@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
@javascriptmastery Год назад
Great suggestion!
@mendylanda125
@mendylanda125 Год назад
+
@mysteryman2213
@mysteryman2213 Год назад
cant thank you enough for bringing up this amazing top quality tutorial
@Ndunda_Kelvin
@Ndunda_Kelvin Месяц назад
Hey, thank you for the course, i watch to gain ideas on how to solve problems i might have in my apps and this video has helped me see there are different ways of approaching something you want to implement in your application. Thanks for taking your time to create this awesome video.
@edzonperez3604
@edzonperez3604 Год назад
The first react Native course was awesome, now this New course is insane, thanks for all Adrian! We love you
@javascriptmastery
@javascriptmastery Год назад
Thank you, enjoy!
@viomeshowers
@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
@garvitsharma2353 Год назад
Hey buddy did you got alert message of error after exporting the useFetch
@MsBambi87
@MsBambi87 8 месяцев назад
Thank you sooo much! I was seing nothing and wondering what I'm doing wrong
@MarceloBlueMusic
@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
@hugopinho9534
@hugopinho9534 Год назад
Love it! Amazing video and tutorial!!
@jocospeed98
@jocospeed98 10 месяцев назад
To anyone who had trouble with images not loading in ScreenHeaderBtn component: On the element use the source prop instead of src.
@nickvitchditch4036
@nickvitchditch4036 9 месяцев назад
what do you mean?
@jocospeed98
@jocospeed98 9 месяцев назад
@@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.)
@crispytek6783
@crispytek6783 Месяц назад
If you're familiar with building react apps using js or ts whatever for the web- THIS IS THE VID. Wouldn't recommend it for absolute beginners though.
@planetcrypton9666
@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
@JetPhotoshk
@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
@moveonvillain1080
@moveonvillain1080 5 месяцев назад
People facing the blank screen on Expo go after adding the fonts. Move the logic for importing fonts and onLayoutRootView from your _layout.js to your index.js also on the top most level container in index.js set props onLayout={onLayoutRootView}. The problem occurs because the Stack component from expo-router doesn't take the props onLayout / onLayoutRootView(this is not even a prop).
@firststrandtypename1866
@firststrandtypename1866 5 месяцев назад
thanks Karma
@pankajdnb
@pankajdnb 2 месяца назад
you sir are a lifesaver.
@risix
@risix Месяц назад
BRO THANKS I SPENT A DAY SEARCHING FOR IT
@user-qg9dm7mp3k
@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.
@techsamad7330
@techsamad7330 27 дней назад
Just hold the command or ctrl and click to see the root of that element
@techthief3278
@techthief3278 Год назад
Wonderful tutorial Crystal clear great job !
@gaofan2856
@gaofan2856 Год назад
Thank you for an up-to-date tutorial
@mindbodyps
@mindbodyps Год назад
My respect towards you increasing every day.
@javascriptmastery
@javascriptmastery Год назад
Thank you!
@brianlam6305
@brianlam6305 8 месяцев назад
Its a good course but I wouldn't say its for an absolute beginner. A lot of the times, the presenter will do things and not really explain whats going on. You'll have to pause and research whats going on otherwise its kinda just cheating off of him.
@griffinkirkland9087
@griffinkirkland9087 5 месяцев назад
he said, you gotta be familiar with JavaScript & React
@asadullahalforhad
@asadullahalforhad 5 месяцев назад
I agree with you, this is not for a beginner. But this is an amazing tutorial. Thanks a lot. ❣️ For beginner : learn Js, ReactJs then come here.....
@vedranselendic938
@vedranselendic938 5 месяцев назад
Its for beginners in react native, not for full stack developer beginner
@yubrajkhatri3519
@yubrajkhatri3519 3 месяца назад
​@@vedranselendic938 yep
@williamherman2001
@williamherman2001 Месяц назад
Yep. For instance, prior to my experience with RN, I didn’t know what a metro bundler was.
@yajra.mendoza
@yajra.mendoza Год назад
Thank you so much for this JSM! Keep it up. You are the best!
@javascriptmastery
@javascriptmastery Год назад
My pleasure!
@oshaprimaadidaya4589
@oshaprimaadidaya4589 2 месяца назад
Thank you for this thorough and complete guide.
@khushshah9982
@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
@truevoicenft 10 месяцев назад
im just doing now and it's solved changing the array on the Flatlist of Popularjobs.jsx for {data} I mean data={data}
@vishalborana9020
@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
@captaincrunch7481 Год назад
This command reset the cache for me: npx react-native start --reset-cache
@ulyssessuen2720
@ulyssessuen2720 9 месяцев назад
Thank you so much for this.
@_isaac_muniz_
@_isaac_muniz_ 10 месяцев назад
Thank you very much Adrian. That was a good and productive into to React Native :) Please make a project with TDD in the future ;)
@Habitual-Developer
@Habitual-Developer Год назад
You gone beyond the bare concepts on endpointsEverything Dynamic, You are a real perfect professional educator.
@emmanuelnkiriyumwami1225
@emmanuelnkiriyumwami1225 Год назад
For those who are having issues with placeholder text not showing up on ios, add 'multiline' to your TextInput component.
@javascriptmastery
@javascriptmastery Год назад
Thanks!
@shawn.builds
@shawn.builds Год назад
worked for me thanks!
@ejehwayne8586
@ejehwayne8586 Год назад
u find the solution yet? are ur popularjob and nearbyjob cards loading the same time?
@emmanuelnkiriyumwami1225
@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
@Seldoon182 Год назад
It's displaying the text on ios but it's stick to the top part of the input. Is there any other solutions?
@pofiabel9526
@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
@ashishspt3225 Год назад
i am also getting same error. Have you solved it?
@henriquemoreira1879
@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
@pinspatterns 5 месяцев назад
@@henriquemoreira1879 Thank you really much!
@CMT-p6q
@CMT-p6q Год назад
Your Native content is great, thank you very much for sharing this
@josphat.Karanja
@josphat.Karanja 10 месяцев назад
Smooth course from reactjs to react native, really enjoying the course❤
@shoaiblatif783
@shoaiblatif783 11 месяцев назад
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
@krsnamara 8 месяцев назад
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
@christiaandekock1136 8 месяцев назад
@@krsnamara broooooo you need 1000 likes xD It was driving me mad, didnt even think of going to look there hahah
@krsnamara
@krsnamara 7 месяцев назад
@@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
@christiaandekock1136 7 месяцев назад
​@@krsnamara haha yeah - you saved me with that one. 😂
@pyrexpimpin
@pyrexpimpin Год назад
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
@lokeshr9794 Год назад
same here too, I'm also trying to fix it
@bentoby2123
@bentoby2123 Год назад
same LOL
@bentoby2123
@bentoby2123 Год назад
Figured it out, when declaring the dimension, make sure you're doing dimension not dimensions. At least that was my error.
@roblyatjr7367
@roblyatjr7367 Год назад
I really liked your video! Suggestion for the next Video: a crud react native app with database connection etc.. I would love to get a tutorial about this! Thanks!
@insses
@insses Год назад
Please provide more react native tutorials, great job.
@Nature-sl1yo
@Nature-sl1yo 5 месяцев назад
I tried following along but kept getting issues with babel version being depracated
@plasticfoodz6991
@plasticfoodz6991 5 месяцев назад
same issue
@tedmairura8155
@tedmairura8155 6 месяцев назад
Update this course please...the expo docs have changed...you promised another video when likes reach 20k.
@erialgumacoisa
@erialgumacoisa Год назад
OMG!! You are incredible! Speechless! Thank you so much, Adrian!
@javascriptmastery
@javascriptmastery Год назад
My pleasure Erica!
@sujitprasadkushwaha9031
@sujitprasadkushwaha9031 Год назад
this was a really good tutorial on react native. I learned a lot. waiting for second course for it. Awesome. 😊😊😊😊😊😊
@benbaffoe5461
@benbaffoe5461 7 месяцев назад
Your tutorials are awesome but I really don't the part you prebuilt some files and you stopped explaining somethings along the way
@aswin6261
@aswin6261 Год назад
expo-cli is deprecated. what is the alternative one
@DarkGaming-kq3wn
@DarkGaming-kq3wn 5 месяцев назад
hey how did you resolve it
@willianalmeida3670
@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
@willianalmeida3670 Год назад
Correção: você fala de forma fácil de entender.
@gideonolaiya6665
@gideonolaiya6665 Год назад
I was literally just planning on adding App development to my skillset and I found this? Damn, JavaScript Mastery is the best!!!
@javascriptmastery
@javascriptmastery Год назад
Enjoy!
Далее
Редакция. News: 128-я неделя
57:33
Просмотров 1,8 млн
ТЫ С ДРУГОМ В ДЕТСТВЕ😂#shorts
01:00
Flutter vs React Native vs. Swift/Kotlin In 5 Minutes
5:20
React Tutorial for Beginners
1:20:04
Просмотров 2,9 млн
React Native CLI Setup for Windows [Created in 2024]
25:02
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Просмотров 174 тыс.
All The JavaScript You Need To Know For React
28:00
Просмотров 590 тыс.
Best frontend and backend projects for resume
13:11
Просмотров 192 тыс.