React Native Tutorial for Beginners - Crash Course 2020

Free React Native Introduction for Beginners: Get Started with React Native and learn how to build an iOS and Android app!

----------

• Follow @maxedapps and @academind_real on Twitter

See you in the videos!

----------

[sanzaydahal]

Thanks Max, I got hired as a react native mobile developer because of you. You’re phenomenal. God will always bless you.

[roccoluigiscarcella]

00:00:00 Introduction
00:46:57 Getting Started
01:10:24 The Basics
01:35:14 FlexBox
01:47:36 StyleSheet
01:52:46 useState
01:59:08 List of items & ScrollView
02:20:52 Custom Components
02:45:53 Modal
03:10:14 Debugging React Native apps
03:41:28 Components, Styling & Layout

[dk-fkxm]

man you've single handedly taught me React Js back in like 2017 or 2018 and I'm so glad you're still doing this. you're the best damn teacher in the internet dude. memorable, engaging, funny, not sloppy, everything. after finishing a course by you I feel bulletproof.

[amalsalim]

Just wrapped up this video. I came in as a backend developer whose never worked on javascript, barely worked on CSS, never worked on React. By the end of the video, I felt super comfortable building my app with the components needed, and learn JS, CSS as needed to implement what I need

Mostly paused every time he mentioned something already exists in JS, looked up learnt it, felt comfortable and continued

Thank you very much. I came in not knowing anything and exited building my own app

Few notes
1. I think using the web to debug and see my application was helpful. I just had to press 'w'
2. It seems like there was some confusion to build a unique key, Using the index of the array may have been a simpler solution
3. The initial part of the video talks about also going through authentication, and navigation but the video ends before
4. I never got to getting react native developer tools working. It talked about the latest version not compatible with devtools, and couldn't find the answer on google either

[ashishranjan]

One of the best tutors on internet.
Already completed your Vue.js and React.js tutorials long back. Starting React Native now.

[lyriobatanga]

courseGoals.map((goal, id) => <Text key={id} : (Notice the two parameters for the map function). Works well! Resolve the key message error and the style property can be used on Text component!

[junysanteliz]

I've been watching this for 4 days in a row now and it's so well done and you are such a great teacher I had to buy the course today! Thanks so much for doing this! You rock man!

[withinmyself]

Just wanted to say thanks for this well crafted tutorial. I work primarily with back end code mainly with Python so this has been very helpful to get my feet wet before jumping into mobile development.


I also wanted to say something about learning anything regarding programming. Before I do I want to make sure that everyone understands I'm really not trying to be a dick or put anyone down whatsoever. This is just something I felt needed saying and I think you'll be better coders for hearing it.



When you are learning code and you are installing several different libraries and dependencies and languages all of various versions on different operating systems and terminals and IDE's also of various versions you will probably run into a few irritating problems. Even in a professional environment with programmers who have been working for years will run into unexpected problems that will cause time consuming road blocks.


Which is why this is a perfect time to try and solve these sort of problems your self. You're going to be doing it at work so you might as well get started doing it during tutorials. Go to google or stack overflow and type in the error message you are getting and just see what comes back. It could be something really easy that looked way worse.



Being able to troubleshoot and track down random problems like these will prove to be one of your most important skill sets in any career associated with coding. The tendency in situations like this where a tutorial is involved is to think that someone didn't put in a step that you needed to do before continue with the tutorial. But this just isn't the case. Problems come up all the time in code. Could be Professional, Hobby or even a Tutorial.



So before you're quick to judge the situation take a few moments to actually look up the problem that you are seeing. And you might even be able to post the fix to the group of tutorial watchers who are all complaining about the same thing. And that'll boost moral like nothing else. I hope none of this came across the wrong way. I really did mean all of this to help everyone out. Best of luck guys!

[geldimansaku]

Thank you for this amazing content! I know it's definitely difficult to make such videos, and sharing them for free is a really kind gesture. The world needs more people like you :)

[naeroforceofficial]

If the simulation on your phone doesn't work pay attention to the various simulation options you have, open the developers Tools by pressing `d` in the terminal and (in the browser) you should be able to get 3 options in the lower left corner.

The app on WiFi will only work by enabling Tunnel mode and not LAN or Local mode. So once you will enable it it will install all the necessary packages and you'll be good to go.

[nikitaromanchyuk]

Hey Dude, I've been watching your lessons for last 2 years. You`re an awesome teacher. Your guides are amazing! Thank you for all the stuff you're doing

[techstacker]

I really appreciate that you make it a point to repeat yourself multiple times in this tutorial, especially early on. It makes it a lot easier to make the concepts stick!

[Torres]

24:00 //expo init new-app
28:50 //He opens the project dir structure on Visual Code
29:34 //He explains the structure

[angryguru]

2:17:41 what about? key: (courseGoals.length + 1).toString()

[korbencoffman]

Hey, I am quiet young and have always found making apps quiet interesting and something that I wanted to do in the future. Thanks for the video and your time spent making it. having only learned about react native about a day ago this video was really helpful. Again, thank you for the video.

[pyknijmytv]

2:05:23 - you can simply put index as a key... why complicate it with a string key? map( (goal, index) => <Text key={index} ...
also when you use arrow function you don't need to cover single argument with braces so it could be done like:
map(goal => <Text key={goal} ...

[johngalantini]

This is so useful, love your Udemy classes. Thank you so much for taking the time to teach others.

[sangsokea]

I'm a student in your React js Udemy course. I just want to tell you that "thanks for put hard work on these course I love you teaching all along".

[tistenp]

"This is certainly not the most beautiful app you've developed"

actually, it is, as it's my first app!!

[MadChrisp]

he speaks literally exactly like my linear algebra professor, accent, cadence and all. made me pay attention a lot easier for some reason lol.