Build and Deploy Your First Modern React Native App | NFT Marketplace Course

Build and Deploy Your First Modern React Native App | NFT Marketplace Course - Extremely Easy!

Рет қаралды 494,252

Күн бұрын

Master React Native by building a modern NFT Marketplace iOS and Android #ReactNative Application in one video! Alongside developing the application, you'll create a great landing page to showcase all of your app's features! This is a full React Native Crash Course Tutorial video; enjoy!
💻JS Mastery Pro - jsmastery.pro?discount=youtube
✅ A special KZfaq discount code is automatically applied!
⭐Unstoppable Domains - get.unstoppabledomains.com/jsm...
📚 Materials/References:
Ultimate React Native Roadmap - resource.jsmastery.pro/react-...
Ultimate Web 3.0 Roadmap - resource.jsmastery.pro/web3.0...
GitHub Code React Native - github.com/adrianhajdin/react...
GitHub Code Showcase - github.com/adrianhajdin/nft-m...
Styles & Assets React Native - gist.github.com/adrianhajdin/...
Styles & Assets Showcase - gist.github.com/adrianhajdin/...
Design by dribbble.com/alvxyz
In this course, you'll learn React Native and how to use the Expo CLI to deploy and publish your #React Native Applications. We'll also cover React Native's components such as FlatList, ScrollView, SafeAreaView, StatusBar, and more!
💻 Master JavaScript: www.completepathtojavascriptm...
Use the unique promo code "KZfaq" on checkout to save $60!
📙 Get the Ultimate Frontend & Backend Development Roadmaps, a Complete JavaScript Cheatsheet, Portfolio Tips, and more - taplink.cc/javascriptmastery/...
💻 Join our Discord Community - / discord
🐦 Follow us on Twitter: / jsmasterypro
🖼️ Follow us on Instagram: / javascriptmastery
💼 Business Inquiries: contact@jsmastery.pro
Time Stamps 👇
00:00:00 Intro
00:30:32 Layout
00:56:23 SubInfo
01:16:41 Header
01:27:04 NFT Details
01:58:14 Search
02:05:20 Showcase Landing Page
02:56:29 Deployment

Пікірлер: 985

@javascriptmastery 2 жыл бұрын

Need the projects to put on this portfolio? Impress your employers with the NFT Marketplace and Filmpire - www.jsmastery.pro 🔥

@nur7255 2 жыл бұрын

@SmartWizzard 2 жыл бұрын

I found out that most of the tutorials are based out of expo but to use native features we need react-native-cli?

@bestelectrocity Жыл бұрын

i would like to see more series with dynamic date and people. Please continue this tutorial, part 2, 3 ....

@MyALPHAguy Жыл бұрын

make a new one with *react native using typescript* please

@MyALPHAguy Жыл бұрын

You forgot to tell us to add the dependencies of stack / native, I spent about hours trying to figure out why it wasn't working

@emericgnonhoue7029 2 жыл бұрын

Yes, we want more React Native content

@javascriptmastery 2 жыл бұрын

Thank you for watching :)

@andrewwilliams7846 2 жыл бұрын

Please, please, please create more of these videos - I'm so thrilled that someone like you is producing this kind of educational content.

@samueldonsmog6006 2 жыл бұрын

Can I double like this video. This is amazing. Thank you again and again. React Native is something I've always wanted to help. This will speed my journey.

@javascriptmastery 2 жыл бұрын

Thanks again!

@sandipdeb5859 2 жыл бұрын

Same feeling ❤❤❤❤ you are great

@sharifuddin1698 2 жыл бұрын

Yes you can . Only you need to have multiple gmail account

@selvamr1032 2 жыл бұрын

@@sharifuddin1698 😂😂😂

@outhounazakaria6899 Жыл бұрын

@@javascriptmastery man you are amazing

@guillermosg7950 Жыл бұрын

Im from spain, and i never took english class outside the highschool, but i reccomend this channel to spanish people. His english is very understable and the way he explain every project step by step, error by erros its so helpfull for noobs like me haha, thank you very much for your videos

@jesseraymond5486 2 жыл бұрын

I discovered this channel recently, and I'd say your contents are just too great. Thanks for giving us the best, and your Roadmaps has been helpful a lot 🚀🔥

@elishaamenuveve7113 2 жыл бұрын

Just 3 minutes into the video and I can already appreciate the quality and effort put into this. Simply Amazing!

@patelharsh6309 2 жыл бұрын

Can I have your email ID . I want to contact you

@tedds21 2 жыл бұрын

One of the the best Courses out there. Simple and precise. Thank you!

@banamwine 2 жыл бұрын

I've always wanted you to make a video like this. The main reason I learnt React was because of React Native. Great video. Looking forward to more of such!

@javascriptmastery 2 жыл бұрын

Glad you liked it!

@sostine_waliaula 2 жыл бұрын

I used to jump between career paths but as soon i watched one video from Javascript Mastery. I settled for it. Thanks for making me discover my path and work on it. The tutorial have really helped me, now i know alot that i never thought i could ever know.

@javascriptmastery 2 жыл бұрын

Most welcome!

@_ifly 2 жыл бұрын

same here

@javascriptmastery 2 жыл бұрын

Thank you so much for your comment. In fact, I like it so much that I'd like to use it as a testimonial on my upcoming course platform. Do I have your permission? :)

@burning_man_child Жыл бұрын

as a software developer, I can assure you, you are in the correct industry. At least considering the pay and demand. good luck :)

@blessdarah1256 2 жыл бұрын

Please make this a series with animations and online/offline storage. It's wonderful!

@adriantworek1057 2 жыл бұрын

I cannot believe that I was searching for some React Native stuff and you come with help! I'm looking forward to seeing tutorial with RN, styled-components, Firebase 9 and Redux. That would be really cool. Keep it going bro!

@ryanlarge6296 Жыл бұрын

Absolutely amazing. It is one thing to create and show off your applications and skills, but it is even better that you choose to share this wonderful knowledge with the world. Thank you so much for being a wonderful and powerful teacher on KZfaq!!!!!!!!!!!!!!!!!!

@mattoattacko 2 жыл бұрын

Thank you for making sure to include the final code. I've gotten stuck a couple of times with other creators videos, so it really helps. I finished up the portfolio video form the other video and am really happy with the results!

@javascriptmastery 2 жыл бұрын

Yes, enjoy! :)

@abdulazizalsumari2365 2 жыл бұрын

This is awesome, please extend the course for this so that I don't have to use dummy content. This is such a cool app idea, thank you!

@hiafraan Жыл бұрын

It's amazing! Finished ❤ the project. I would appreciate it if you made this a series.

@asimkoirala8074 2 жыл бұрын

Great. It is really hard to find such good react native projects on youtube. Thanks for making such a nice react native project. Looking forward on you for future react native projects.

@developerrashed7607 2 жыл бұрын

Please make more React JS and React Native projects man! Please, I beg you. It was really helpful. A big thumbs up!

@hareshprajapati6250 2 жыл бұрын

Check out this React Native Tutorial In Hindi - 2022: kzfaq.info/sun/PLvN7nvnjkvpQribRyQ4r0FYZxKsPLGciy React Native With Firebase Tutorial In Hindi - 2022: kzfaq.info/sun/PLvN7nvnjkvpRNbWkVPLlXDYj08qP6cV_K Pikashow App Clone React Native In Hindi - 2022: kzfaq.info/sun/PLvN7nvnjkvpRoniWuJoj2gF3bpvHgrzoX

@hareshprajapati726 2 жыл бұрын

@javascriptmastery 2 жыл бұрын

More to come! :)

@atb88754 2 жыл бұрын

Man you are the best channel in the universe wish you all the best !! Thx , please keep going 🔥🔥

@vossert 2 жыл бұрын

This is the first video about RNA that i'll be coding along with, thank you for your effort in putting all of this together!

@douglasmaalongaye41 2 жыл бұрын

I fall in love with React and am now into React Native. You are more than a teacher. God bless you for your powerful videos.

@javascriptmastery 2 жыл бұрын

More to come! :)

@goalmaaz4179 Жыл бұрын

I just kicked off Mobile App Development journey with this course and I hope to see more of exact same contents like this because it's difficult to see a perfect Teacher like you, the video Quality is amazing and for the fact you always provide the assets and some basic styling 🙌🏾🖤💯 thank you so much and I can't wait to see more of exact content like this, also I build some of your React js projects, thank you so much

@srya5 Жыл бұрын

Anybody placed these kind of issues while implementing LANDING PAGE: (" Line 10: 'React' must be in scope when using JSX react/react-in-jsx-scope Line 11: 'React' must be in scope Failed to compile. "). Please help me to sort out this issue

@javascriptmastery 2 жыл бұрын

Get your Unstoppable Domain get.unstoppabledomains.com/jsmastery 🔥| The "Buy $40, get $40 back in promo credit" offer is live for 72 hours, but even after the promo ends buying through the link still supports the channel. You will receive the promo credits via email one week after purchase. 👌

@unkut5272 2 жыл бұрын

Sur please make more videos on react native

@paulayobami6918 2 жыл бұрын

Llppppppppppppppppppppppp Pp0

@najeebullahkhan4152 2 жыл бұрын

My Home screen doesn't go away when i switch to Details Screen.!!! Help

@mobix25 Жыл бұрын

PLEASE, MORE REACT NATIVE.Love all your videos. its super detailed. this is the way to teach a real world apps. Man you are the MAN.

@moliver1695 2 жыл бұрын

This has been a huge help on my React Native journey. Please do more videos on more complex react native apps with more features. Maybe a full stack app. But great content bro. Mad love from Nigeria!!!

@aryanthakre4302 2 жыл бұрын

Amazing content Adrian. Please keep react native videos coming up👍

@javascriptmastery 2 жыл бұрын

Thanks! Will do!

@hareshprajapati6250 2 жыл бұрын

@Vivek-yv3wg 2 жыл бұрын

Thank you, Amazing tutorial Adrian. Expecting few more React Native content from you.

@javascriptmastery 2 жыл бұрын

More to come!

@hareshprajapati6250 2 жыл бұрын

@saifesmail6888 2 жыл бұрын

Your tone, pace and approach are amazing. More react native projects please. Thanks

@katherinochoa3059 2 жыл бұрын

Good evening Js Mastery, Thank you so much for this tutorial. It helps me to understand React Native much better. Based on this tutorial and your mentoring, I think I can try to build a new project and practice more. Have a great week, and I hope to see more tutorials like this!

@lycan2494 2 жыл бұрын

This guy is on god mode :OOOOO u deserve a million subs!!!

@javascriptmastery 2 жыл бұрын

I'm glad you like it! It means a lot to me!

@RoadTrip-and-Music Жыл бұрын

for those who making this App now and facing issues with opening project (long time loading and nothing) in expo go - need to upgrade nodejs to LTS version and use npx expo start -- tunnel command - it helps!

@osarugueomoruyi9475 Жыл бұрын

This Channel has Gradually Changed my life. From Tutorial Hell to a Confident Project based learning. I am already becoming a block chain dev super fast. Thanks Adrian 💚💚 from The Ancient City of BENIN Nigeria.

@toyinatofarati5512 Жыл бұрын

I see you bro

@aniket.kumarr 2 жыл бұрын

I started exploring React Native a week ago and here you are right before i almost gave up.. thanks!

@javascriptmastery 2 жыл бұрын

You got this!

@hareshprajapati6250 2 жыл бұрын

@mohiminurrahman6487 2 жыл бұрын

I've been waiting for this master piece from javaScript Mastery for a long time.

@javascriptmastery 2 жыл бұрын

Hope you enjoy it!

@mohiminurrahman6487 2 жыл бұрын

@@javascriptmastery Thank you so much , Sir.

@lisseguz Жыл бұрын

I would love to see more content on Mobile Development in general from you. You are so articulate and thorough, that I'd be interested in any angles you cover.

@abderrahimanejjar91 2 жыл бұрын

This is an amazing tutorial !! Thank you very much for your effort, and yes we need more about react native projects, your videos are very helpful. Thanks a lot 🙏

@subhajitghosh6450 2 жыл бұрын

want more react native projects in future like this , really appreciated 👍🏻 😍

@javascriptmastery 2 жыл бұрын

More to come!

@hareshprajapati6250 2 жыл бұрын

@wilsonmela6343 2 жыл бұрын

I just can't thank you enough man. You are one reason I can't give up.

@javascriptmastery 2 жыл бұрын

You can do it!

@wilsonmela6343 2 жыл бұрын

God bless you real good.

@chizaa38 2 жыл бұрын

I've been waiting for this video!! Thank you.

@javascriptmastery 2 жыл бұрын

It's finally here! :)

@amineelkhalidy3798 2 жыл бұрын

What can we say, what words would be enough to express how grateful and thankful we are that we have such an amazing teacher and friend that shares with us the best projects and lesson that may exist on this entire universe Thank you so so so so so so so so much, All of the respect, love and support Sur 🙏

@olorundasamuel7043 2 жыл бұрын

Super cool Honestly I’m trilled with this Can’t wait to get started

@javascriptmastery 2 жыл бұрын

Enjoy!

@imPriyankCoder 2 жыл бұрын

one of the truly amazing video. Please never give up teaching new videos thank you so much

@javascriptmastery 2 жыл бұрын

Thank you, I will

@hareshprajapati6250 2 жыл бұрын

@wokyop4513 2 жыл бұрын

Congrats on 300k. Well deserved and thanks.

@javascriptmastery 2 жыл бұрын

Thank you!

@davidsonfong9549 Жыл бұрын

Thank you so much! Every time I come on this channel, I learn something SUPER VALUABLE!

@aashishsinghal7331 2 жыл бұрын

This is amazing stuff...React to React native makes so much sense and now more videos on React native would be wonderful 🔥🔥

@hareshprajapati6250 2 жыл бұрын

@javascriptmastery 2 жыл бұрын

More to come! :)

@abdulrahamantalal1319 2 жыл бұрын

Thanks for the great Video, I encountered two issue with expo go on IOS Device : 1- StatusBar did not Work 2- When I move to Details screen, it only half turn to that screen that I end up with half home screen and half details screen. Thus, I switched to Android Studio emulator and everything work fine now, maybe there are some changes that need to be done to the code so it become compatible with IOS Devices.

@PatrizioMilione 2 жыл бұрын

I'm only halfway through the tutorial, but I can't make the statusbar work, tried a bunch of things but still nothing, maybe I'll try and use the basic status bar from react native instead of the focused custom one

@RahulGupta-uk1gc Жыл бұрын

handlePress={() => navigation.navigate('Details', { data })}

@user-jo4tr6zp5n 2 жыл бұрын

Thank you Adrien! I have learned a lot of features in developing web applications and now making mobile apps. You are amazing!

@bijendernagar15 2 жыл бұрын

want more react-native projects in future like this , really appreciated. Thank you so much 🙏🙏🙏

@aslamkhan-xd1jz 2 жыл бұрын

My god just 22 mins only and see the comments hats off to this man and his efforts👍👍

@javascriptmastery 2 жыл бұрын

Glad you like it!

@hareshprajapati6250 2 жыл бұрын

@lexciobotariu 2 жыл бұрын

Love ya, you did it. Word Wrap 🔥

@javascriptmastery 2 жыл бұрын

Thanks!

@matthewritter8988 2 жыл бұрын

Hey just stumbled across your channel, this is a great tutorial! I'm looking into getting into mobile development, and utilizing my web development skills and this tutorial is a great place to start! I would love to see the use of dynamic data, and even react native desktop application development. Thanks for the great content 👍

@kelvinojey 6 ай бұрын

I've been waiting for part 2 to make all the data dynamic 😥😥😥. It's so good

@znogoud4009 2 жыл бұрын

Amazing bro!! Thumbs up for TypeScript app next :)

@javascriptmastery 2 жыл бұрын

Thanks 😃

@thesoftwareengineersjourney 2 жыл бұрын

You’re the best keep up the great work thank you 🙏🏻

@javascriptmastery 2 жыл бұрын

Thank you!

@Kevin-jc1fx 2 жыл бұрын

I have recently started learning React native after some months learning react. More content in that area will immensely help. Thanks for always choosing great designs. Also, please do make a video sharing how you usually get ressources or doing a recap of you favourite ressources. Where to get free designs to practice implementing them, mobile friendly icons, SVG illustrations and so on. May God bless you and the channel.

@javascriptmastery 2 жыл бұрын

Great suggestion!

@tragchamp453 2 жыл бұрын

Thank You Soooooo much 🙏, I coudn't find any other videos on the internet for react-native, great video!!! Also Congrats on reaching 300K subsribers! You deserve it and earned it! :D

@javascriptmastery 2 жыл бұрын

Thank you! 😃

@sammywills148 Жыл бұрын

I was getting some weird issues with the custom fonts: fontFamily "InterRegular" is not a system font and has not been loaded through Font.loadAsync Fixed it by deleting expo-font from package.json and running 'expo install expo-font' and 'npm install' updated App.js import like so: import { useFonts } from "expo-font/build/FontHooks";

@geldimansaku Жыл бұрын

Not all heroes wear capes

@astsukianime564 Жыл бұрын

Welcome to the best youtube channel for js developers. Personally, I love your videos because their beginner friendly and also got a mix of advanced stuff that we need. 🙏🏾 Thank you

@estebancordoba555 2 жыл бұрын

Man, I was watchin a lot of your reactjs videos to jump after into react native stuff and now you come with this! AWESOME!! please add api calls and state management next time!

@javascriptmastery 2 жыл бұрын

More to come! :)

@rutvikshah4589 2 жыл бұрын

Hey, REACT NATIVE + STRAPI please !!! Thanks for this video 😊

@javascriptmastery 2 жыл бұрын

Great idea!

@hareshprajapati6250 2 жыл бұрын

@AbhishekKumar-vl3cb 2 жыл бұрын

I'm going to add this in my portfolio. ❤Thanks You So Much Master ji🙏

@javascriptmastery 2 жыл бұрын

Thank you!!!

@hareshprajapati6250 2 жыл бұрын

@oussamachahidi9201 Жыл бұрын

This is really amazing and super clear. Please make a series for it !

@parthapratimjana1777 2 жыл бұрын

Finallyyyyyyyyy ❤️❤️😶🤧🤧.... This is amazing .. thanks for your hard work

@javascriptmastery 2 жыл бұрын

Finally here! :D

@hareshprajapati6250 2 жыл бұрын

@shubhamsinha2362 2 жыл бұрын

Thank you sooo much for this ! We want more react native videos please

@javascriptmastery 2 жыл бұрын

More to come!

@hareshprajapati6250 2 жыл бұрын

@hareshprajapati726 2 жыл бұрын

Search (Code Diggers) KZfaq Channel 👍

@vinanthdev4494 Жыл бұрын

Man, you don't know how grateful I am right now! THANK YOU SO MUCH!!!

@FransGamingLow Жыл бұрын

Looking great Adrian. Finally I just made my first RN app

@DeveloperJunaid 2 жыл бұрын

How many times will you win our hearts Adrian? ❤ You just make a video on the topic I think of learning.

@javascriptmastery 2 жыл бұрын

I'm so glad to hear that! :)

@Real_Burundian 2 жыл бұрын

More of this please🔥

@javascriptmastery 2 жыл бұрын

More to come! :D

@ZYX001 2 жыл бұрын

This was such an amazing tutorial! Everything was so easy to understand and you explained every part of it so clearly (plus those RoadMaps that you gave us). I'm so glad I have found your channel. I will be searching through your playlist to see another projects. BTW I would love to see you touch the back-end (specially authentication) in your next React-Native project / the continuation of this project

@moliver1695 2 жыл бұрын

Love your content and how you teach everything. Please make more react native videos. Thank you🙏🏾

@muhammadadithyarickyichsan1193 2 жыл бұрын

Yess 🔥🔥🔥

@javascriptmastery 2 жыл бұрын

Thanks! :D

@hareshprajapati6250 2 жыл бұрын

@mauricio_per3z Жыл бұрын

Amazing video!! I really want another video like this about react native. Keep it up man!

@nickbenz2143 2 жыл бұрын

Great Man from (Croatia) - You are a Champ..! I am really looking forward for your next series to make a backend as well. With my heart and soul I really like your Tutorials better than any other Network around. I have Subscribed to your Blog as well.

@javascriptmastery 2 жыл бұрын

Thank you Nick!

@mageshyt2550 2 жыл бұрын

yo yo we want more React native build

@hareshprajapati726 2 жыл бұрын

Search (Code Diggers) KZfaq Channel 👍

@mageshyt2550 2 жыл бұрын

@@hareshprajapati726 let's me check thanks for your suggestion

@javascriptmastery 2 жыл бұрын

If you want to collaborate just reach out to me, but please don't spam all the comments :)

@hareshprajapati6250 2 жыл бұрын

@@javascriptmastery ok i am really really sorry. How i reach out to you ?

@chanmyaeoo8878 2 жыл бұрын

I am waiting so long for the react native videos from your channel. Thank you so much Sir.

@javascriptmastery 2 жыл бұрын

You are most welcome

@kristianfulkerson5769 2 жыл бұрын

This was great! Would love more advanced react-native projects. Also, just wanted to cast a vote for you to start doing some relational-database content!!!!

@synt-x6458 2 жыл бұрын

Wow! JSM is the king!! Thank you for this amazing content! & Congratulations on 300K subs!

@javascriptmastery 2 жыл бұрын

Thanks a million!

@ernst367 2 жыл бұрын

I've been struggling for a long with ReactNative and..... you made this tutorial ! Thanks a lot and be blessed! Hope that I could like a millions times...

@javascriptmastery 2 жыл бұрын

You are welcome!

@LeonGamingZone Жыл бұрын

The best! Hugs from Brazil! Please bring more videos from React Native, thanks!

@mukhammad5464 2 жыл бұрын

Each of your projects is very useful for us. Thank you

@droidfever7267 2 жыл бұрын

Adrian is on 🔥 So many tutorials 🤩 Immensely Grateful to you, Adrian 🤗

@javascriptmastery 2 жыл бұрын

Thank you!

@codzo2628 2 жыл бұрын

Great video btw Congratulations on 300k

@javascriptmastery 2 жыл бұрын

Thank you! :D

@keshavakumar9828 2 жыл бұрын

The quality of content you provide is beyond imagination. I learnt so much from this channel. Thankyou

@javascriptmastery 2 жыл бұрын

Wow, thank you!

@hareshprajapati6250 2 жыл бұрын

@tsadoahmed4660 2 жыл бұрын

So incredible I never thought you could make a React-Native video with such a good content for free Thank you in millions All this while you are still the leader board thanks ......

@javascriptmastery 2 жыл бұрын

More to come! :)

@alvinmwangi5268 2 жыл бұрын

This is amazing!! You should have a million + subscribers. Just great content🔥🔥

@rozumyratatamuradow8565 Жыл бұрын

Amazing! I love this video. Thanks JS Mastery Pro! Please add more react native videos....

@mohamedabdulla8097 Жыл бұрын

Thankyou for this . I stared my mbl app journey with this . Its really easy if we knew readt.We want more native content

@webacademy7501 2 жыл бұрын

Please make more videos like this, the content is just fire, keep it up 🔥🔥🔥

@chineducornelius6076 2 жыл бұрын

The best on KZfaq... thanks man👌

@dominik3482 2 жыл бұрын

The course was great! Would really love if you extend the course to make the data dynamic.

@surajitdutta5484 Жыл бұрын

Great stuff! I'm working through this tutorial a second time. Couldn't understand it all in the first round even though I got the code to work. Please make a Part 2 using typescript and dynamic contents. Thanks.

@vincentmalama5344 Жыл бұрын

I havnt even began watching but I can tell this guy is a pro . Will edit after I finish watching

@adnanali-zm9rv 2 жыл бұрын

Thankyou so much for this wonderful project , I’ve completed and learned alot from this video. Looking for more react native projects with showcase.

@xKaZhoo Жыл бұрын

I love your video. So informative and you voice is so chill. It would be extremely cool if you could make a follow up video how to maybe create the register/login part and the user interface to create a product or something like that.

@moussaabilyesmaroufi751 2 жыл бұрын

I'll watch & build this tomorrow, it's like a gift to my birthday exactly what I wanted, Thanks sir!

@javascriptmastery 2 жыл бұрын

Happy birthday! :)

@melvinmonell6590 2 жыл бұрын

Thank you so much for what you do for us! This video is definitely a unicorn here in KZfaq.

@arpitshah7800 2 жыл бұрын

Plz Complete this project and make this app full Working. Wonderful project. I am following your every tutorial and have made every ReactJs App. Thank you so much for posting such awesome videos