React Native Crash Course | Build a Complete App

Learn React Native from the ground up, no prior React Native experience is required!
🖥️ Official Website & Courses
academind.com/courses/
👨‍💻 Complete Courses (React & React Native)
acad.link/reactjs
acad.link/react-native
👋 Social Media
/ maxedapps
/ academind_real
/ academind_real
/ academindchannel
💬 Academind Community on Discord
/ discord
----------
Chapters:
00:00 Welcome!
00:32 What is React Native?
03:58 A look under the hood of React Native
09:04 Using Expo vs the React Native CLI
15:00 Creating a new React Native project
20:50 Analyzing the created project
26:05 Running the first app on a real device
30:26 Setting up a local development environment
39:52 Getting started with React Native basics
41:37 Exploring core components & styling
49:30 Working with core components
56:30 Styling React Native apps
01:06:43 Exploring layouts & flexbox
01:10:03 Combining React Native & flexbox
01:12:34 Using flexbox in React Native apps
01:17:42 Flexbox - a deep dive
01:30:02 Improving the app's layout
01:37:14 Handling (user) events
01:44:43 Managing list data
01:51:54 Platform-specific styling
02:00:45 Using the ScrollView component for scrolling
02:07:00 Optimized list handling with FlatList
02:20:42 Splitting up components
02:25:53 Working with props & components
02:28:27 Handling user input
02:38:06 Building custom buttons
02:41:40 Deleting items
02:46:59 Styling custom buttons (Ripple effect on Android)
02:51:51 Adding a modal screen
02:58:49 Styling the modal
03:04:30 Controlling the modal visibility
03:07:01 Controlling colors & displaying images
03:13:05 Final touches & finishing the first app
03:20:00 Wrap up & summary
03:23:30 Some personal notes
----------
Attachments & code snapshots: github.com/academind/react-na...
Starting Project: github.com/academind/react-na...
goal.png File: github.com/academind/react-na...
----------
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!

[@1015AK]

I've watched a million tutorials on various subjects. This is hands down the best one I have ever watched. Concise, gives the info, demonstrates, and moves on. Made 3 hours feel like 30 minutes. Thank you so much!

[@alleycaaat]

Absolutely fantastic video! I've watched countless instructional videos and tutorials and nothing comes close to this. You explain everything nicely and don't assume the viewer knows something, so great. You speak clearly and don't rush, and do just such a thorough job on everything you cover. Thanks to you, I just made my first mobile app and had a great time while doing so!

[@lordorbnauticus]

Perfect! You answered my question in the first 5 minutes! 😂 I'm watching the entire thing, but I appreciate how well this is done.

[@i1i111i1ii]

I've listened for 2 hours and a half, brilliant lecture so far!

[@Danielated]

This is so easy to follow and understand! 3 hours seemed daunting and I didn't want to bother but you certainly made it worth it. Thanks for making this available!

[@iangraham6730]

Because of your comment, I am going to give this a go!

[@benstheweatherdog]

me too! thanks bro, this comment is motivating!

[@Fooney1]

1.5 speed with pausing to type helps

[@AndrewTSq]

I think there is too much small talk in the video so far.. 35minute into the video and have not learned anything yet. I am gonna get mad if Expo does not compile native apps :D

[@blakefre]

Brilliant flexbox explanation, fantastic video all around. We are lucky that you shared it. Thank you!

[@therhythmatic]

This was a great crash course. I have purchased several of your Udemy courses which are amazing but I never really have the time to finish them all because I simply don't have enough time. This was a great length and right to the point. I feel like I can confidently discuss the differences between React vs. React Native as well as get started on my own React Native project. Thanks again for taking the time to share this!

[@jannekevanhulten]

Wauw, such a clear tutorial. I feel like absolutely anyone could be building apps after listening to this. Good job, thank you!

[@wizlon2]

Get introduction, easy to follow and well explained. The minute I finished this I enrolled to your full course and am looking forward to learning more. Thank you.

[@Sarah772u3]

Thanks a lot for this lecture. I spent days looking for a React Native tutorial but did not quite understand those videos. You are teaching all the components in details. Keep it up!

[@rrahll]

Maxim, thank you very much for the great opportunity to learn something great! God bless you, Academind!

[@itsprinceyadav]

I'm watching React Native tutorial for the first time and I can't believe how easy it is to build native apps using my existing CSS, JS and React knowledge! Thank you for showing me how I can unlock the real power of what I already know! You've simplified it so well. I'm always scared of learning something entirely new from scratch, eg, dart, flutter, kotlin, etc. You are simply the best teacher out there! ❤❤❤

[@upendratomer4770]

9Ճիշտ է..պ.ա.ս.ե..ե..ե.ե.ե.ե.ե.հե. .դեպի նահ.հետո.պարանոց.արև. Հ... ճիշտ է, ծծիր: Ս... Սահ. Ս. Հ. Ս. Մե.

[@GilbertoMadeira83]

I've tried another 4 videos, when finally got here and trully found what I was looking for: a good direct simple course to teach the fundamentals, thanks!! now I can say that React Native is not a mistery to me anymore!

[@davidsonfong9549]

I didn’t come here for a CSS lesson but got one anyways and I’m might grateful for it. And that is why I never skip sections when watching videos from a great instructor: I always leave with way more knowledge than I intended. Thank you for this amazing lesson!

[@buffer7233]

that's react-native if you are interested in backend part its mostly react.js itself so chill

[@arshiagholami7611]

@@buffer7233 By backend you are referring to client-side state management, right? :D

[@BugMotoChannel]

Max, this is great stuff! Very well done. Thanks for doing it.

[@AlazTetik]

It was a great introduction to the R/N technology, it made me switch from React easily. Thank you Academind team!

[@cvai]

Yup - this is the best one I've seen. This guy is a very experienced teacher who knows exactly how much detail to include.

[@vobissunt]

Finishing this made me purchase the course on Udemy. Excellent job on this. It's really easy to digest and doesn't overwhelm with information while also delving just enough into the context behind things.

[@katynguyen287]

thank you, this tutorial and your explanations are incredible. Ease to understand, ease to follow up and very very on point, focused, I enjoyed following this tutorial so much, thank you mannnn

[@asifsaho]

Very effective course. I am using React for many years and this course is working fine to start React native.

[@patrickessama5330]

Youre the best Max. The tutorial is just superb, softly explained, from beginning to the end

[@firstname-lastname]

Awesome tutorial, as always! Thanks!

[@ThomasWassa]

I've learned so much watching your video... very well put together!

[@justinscorzafava3678]

Fantastic crash course! I thoroughly enjoyed it, and have purchased the full course on Udemy. Thanks for a well put together course Max

[@user-lm5ju8nc2t]

You are doing great job! Awesome guys.

[@2412black]

By far the best tutorial ive ever seen!!

[@moosesnWoop]

Taking a break now, after 57 mins of the tutorial. Even though I am way past this experience, it was very very enjoyable to sit through the first bit( installation etc.) I resisted the urge to skip ahead because this tutorial seems to have concise nuggets of information everywhere as well as some best practices. I've got an installation on WSL ubuntu using the reach cli with yarn - so it's slightly different. I learnt the hard way through trial and error so this is a great chance for me to 'learn the fundamentals' because my knowledge has a lot of gaps in it. Dedicating today to learn this fully so that I can actually start building with confidence. 10/10 teacher

[@donathmm3881]

Thank you academind. I learned so much from you

[@manojkumara6718]

Excellent crash course, thank you.

[@PalyaPuryaPlayList]

This is the best tutorial! I was struggling so much to get started on react-native! Thank you 🤟

[@francisnwachukwu7934]

brilliant lesson thus far. Thank you very much for this.

[@aahg01]

Thank you so much for providing such a detailed course, Awesome work

[@kewtomrao]

As a react dev, this is exactly what i needed!!

[@geTTh1s]

For everyone wondering at the start of this course after the expo init you need to go into the project folder and type npm i for installing the dependencies. cost me 2h of googling. or go to 41:30

[@reactnative4]

the instructor himself had clearly mentioned in the video

[@kibalamajames4813]

Wow! you're an incredible teacher. I'm glad I found your channel.

[@digigoliath]

Awesome!!! TQVM!! Happy days are here!

[@aj_shela]

One of the best channel for web developers... Thanks for the videos

[@taash32]

this is for mobile xD

[@MrTomer157]

Thank you so much Max! I've learned many of your lessons on JS and react on Udemy in the past and they were great!

[@whatsnewnow4469]

nice man.i forgot since i did not have any handson from past 3 months. son once again i came and learn and i will start doing project.

[@schjndler]

I don't usually write KZbin comments and so this is my first, but one thing has to be said - damn, you are a legend, Max. Thank you for sharing your knowledge, God bless you.

[@HoomansDoingShit]

Wow, the best tutorial i've watched. Thank you sir. Keep up the amazing work.

[@A1996ARP2075]

Love ur channel one of best for js developers

[@kawsar.130]

Thank you so much for this masterpiece. This is a super helpful tutorial for starting with React Native as a beginner.

[@anubratsahoo447]

were u succesfully,in building the whole app??

Excellent content as usual Max!

[@isratjahan9817]

Thank you! Thank you so much for describing flex in this way!

[@jingli9232]

thx for explaining things in detail, helps a lot!

[@tech3425]

Wow I have to say, this is comprehensive!

[@codewithfongoh]

Thanks a bunch. Always great the way you explain things.

[@samuelesdras]

It was a good review!!! Thanks from Brazil!!!

[@uzbek7035]

The best react native crash course for sure

[@Seddik-hf4pc]

Best React Native Crash Course on youtube thanks

[@oscarclaros2225]

Great course, thanks.

[@AustinHess-]

Great video and intro to RN with an appropriate depth of understanding.

[@CodeWithAmmar]

Thank you for sharing your Awesome tutorial for free here 👍

[@sercanleylek]

Thank you for the course. It takes time, but worth to learn something new.

[@azer9617]

I really liked this course because this guy comparing android app development with the web development. As the person who have web development knowledge it's make me so easy to learn React Native.

[@csfinch7672]

You sir, are a god amongst men when it comes to teaching tech to a new generation.

[@LuisReyes-zs4uk]

Excellent course. Thank you!

[@kashfikhan6881]

Great teacher and this is the best tutorial i have ever watched.

[@vyshnavk6311]

You are a good teacher . Thanks for this course.

[@user-od2pe7fu7j]

Amazing tutorial - thank you very much! Thank you for the great content !!

[@unanimas7598]

user friendly for beginner 😊thank you so much for making such a beautiful tutorial for beginner

[@iangraham6730]

Really enjoyed that! Thank you!

[@NityanandaMaityBlogger]

An excellent guide for beginners.

[@johnmaverick3068]

Excellent tutorial thank you !

[@cwcfunclock2709]

Hi max! Again best content video, thanks for that. I have a quick question. Do you have any plan to make a paid course or free course regarding AI / Machine learning?

[@santiagocalvo]

Excelent course, thanks!!!

[@RedBeardRetroTech]

needed to brush up before a coding interview, thanks for the vid

[@eliuddyn]

This is amazing 🔥🔥

[@travelglobe8997]

Great video. Good details to the point.

[@adrianafauziah769]

Thank you for the course:)))))) i hope you have a great day always

[@D3ath4Sure]

OMG.. The You Are The Best. You UnderStand The Pain of us Beginners Perfectly.

[@stefan429]

this is great, a year later and everything is still pretty much relevant, cant tell if thats because the tutorial is good or react native is, or both!

[@anelabuawad161]

what an amazing Course, thanks alot!

[@penguinxed]

thank you so much for this course!

[@26PRO26]

Very informative and helpful video!

[@c0dysharma674]

Great crash course, thank you

[@AchwaqKhalid]

The content I'm subscribed for 🥳🥳🥳🥳🥳🥳

[@arikmosfor4907]

this is phenomenal!!thank tou

[@osamazaidiah]

Danke sehr Maximilian. 🥰

[@mushroom_clouds]

This is is the best React Native course

[@desflan06]

great tutorial, thanks!

[@madd5]

Wow, thanks dude!

[@hamzaahmad6620]

thanks max for everything

[@samyfarahat8672]

Very good video! Only question is: What auto complete/rn extensions are you using?

[@samiullahburki6087]

Voice is very clear it help alot

[@isaacchingancheke1677]

Wow . Am really impressed 🔥

[@dhawalparmar7117]

My favourite teacher 💛

[@HaNaxHeart]

I'm waiting for this new content of React Native!!!

[@hope21933]

You have done well. Thank you a lot.

[@rasgan_eudoxus5264]

Thank you so much, Max.

[@johanesalberto6136]

thank you so much brother

[@thathsarasenanayaka8872]

Nice tutorial and thanks

[@dhirajpandeydhirjpndy]

Great timing, I was about to start a project based on react-native. Now, this crash course is definitely gonna help me. Thank You!

[@DMC3586]

Same for me

[@tube-rp1nb]

@@DMC3586 me too

[@computeraidedyami]

me three

[@computeraidedyami]

#MeToo

[@KennyFully]

I’m here to join the club. This crash course saved my butt from having to use flutter.

[@rizqonmaulana9684]

this is so great, thank u so much

[@josephwong2832]

awesome thanks max!

[@neoray9575]

thank you so much! do you by chance have a link for element 3d for windows? I have tried a ton of links but they’re broken and yt has been taking down videos with links left and right. You’re the only KZbinr I trust when it comes to downloading these things. Thank you!

[@durranizcollection2334]

Perfect !!!!! thank you so much

[@s.baskaravishnu22]

your video is excellent. Your video is very much useful to me, Many thanks for that. My warm regards to you.

[@SonNguyen-hl5rw]

Great course