React Native Crash Course 

I’m sorry but the Teacher you follow plays a major role into wether you fall in love or dislike programming. And my dude Brad nails the inspiration everytime!

I like before watching , that's Traversy media dude 💁🏻‍♂️

Just got my second job as front-end dev. Remember watching first tuts about media queries. Everything from basic stuff I know from here. Awesome work!

when u understand it perfectly, u will explain it in really simple way that everyone can understand, this is it, really love this one, ❤❤❤

I love your video tutorials so much! I like how you cover the core functionality and build a simple clean example of how this tool works.

Tech Lead: React Native is Garbage. Brad Traversy: Hold My Beer!(Uploads a crash course of RN).

Your crashcourses are one of the best things on RU-vid. Thank you. Just go ahead. They are short, but enough. Instead of spending a week or two to explore one technology, I spend a few hours of your crashcourses and explore all similar technologies and choose what fits best for my needs.

Thanks for this. I've been an iOS and Android developer for 10+ years and just heard of React Native last week. It's awesome. I can see how it would have saved a lot of time.

traversy media is the only person on youtube that explains stuff in plain English - no jargon. He also explains everything before diving into code. by far the best coding channel.

if ur uuid is giving an error do this: import { v4 as uuidv4 } from 'uuid'; {id: uuidv4(), text: "Milk"},...

Me today : I am gonna learn react native to make apps. Brad a few minutes later : *submits a react native crash course*

Quick fix for the alert at the end of the video on **Android** you need to wrap the { text: 'Ok'} in an array so: [{ text: 'Ok'} ] Thanks for the awesome tutorial Brad, big fan!!

I have been following ur channel, and the best thing about brad is that he directly comes to the point with easy explanations. Thanks for providing the code for the application. Keep the good work on !!

damn this was really thorough, what an amazing crash course, thank you very much for putting in the time and effort to create this!

Whenever i need to search for frontend the only thing come in my mind first Traversy 🔥🔥

Great video! Just an observation for those who are having problem with Alert, it needs to be an array at the third param, and yes, it works with emotions! 😁 Alert.alert('No item 😕', 'Please enter an item.', [{text: 'Ok'}]);

Thanks a bunch bro. I recently completed react js and wanted to start react native and create apps. You just took my fear away and gave me so much confidence. It's a lot like react js. So simple. Thank you sir ❤️

Great video, as always, from Mr. Traversy. Btw, if you are in a rush because you have a coding interview in 1hr, then jump forward to 15:05 where Brad starts from scratch, watch from there, then ace your coding interview.

I am mesmerized how fast his machine is. My machine even barely able to run the the bundler, Lol even with my phone as AVD.. may ram is just a single gulped.

Hello Brad. I gotta appreciate your timing to post those videos. I recently got a new job like a week ago and it not only involves React but React Native too. I started diving into it and then comes this video 😃. Thanks

For Windows users do this before anything: 1.- make sure you have the JAVA_HOME variable declared in your user variables and inside your Path variable C:\Program Files\Java\jre1.8.0_251 (i recommend use this version of jre and download the SE java 8 version; if youre struggling with your tools.jar just copy it from the jdk/lib directory to jre/lib, that solves the problem. 2. make sure you have your ANDROID_HOME set in your systems variables as C:\Users\userName\AppData\Local\Android\Sdk 3. make sure your your %ANDROID_HOME%\platform-tools, %ANDROID_HOME%\tools and %ANDROID_HOME%\tools\bin are declared inside your user varibles Thats it, if you are facing any problem dont doubt and post a comment, happy code ;)

You're one of the few tutorials that use react-native-cli (instead of Expo) which was what I was looking for!

Thank you so much. Amazing tutorial. I have react experience and wanted to get some quick introduction to react native and your tutorial is amazing as always. ❤️

This crash course is very comperhensive as always! Thank you, Brad!

A quick tip for anyone who's trying this on Android: the alert function must have an array of buttons on Android due to default behaviors. Therefore the code Brad wrote wouldn't work on Android unless you make a slight change: Alert.alert('Error', 'Please enter an item', [{text: 'OK'}]); Hope this helps :)

If there's one person that can explain the web , that's you buddy. RESPECT!

A Udemy react native project course would be appreciated !!.

Make a Udemy Course! There's huge demand and the last good course on React Native was published in like 2017!!!

For those who cannot see the text Shopping List displayed in the header. Remove height property from the header. It worked for me.

Beautifully explained. For the first time in some mand days, I felt like Yes React Native is not that difficult what I use to feel like ;)

first!

Thanks a lot, this video kick me start my app development. By the way I am full stack developer.

Although my fortune cookie said ' act, don't react', I am still going strong with Brad.

Brad, you are awesome, i really have no idea how so many knowledge can storage in your head, thanks for your hard work:)

Been learning react for web, wasn’t sure if to use react native, now I know i do, great video

I remember watching some of your videos 3+ years ago to help code something for uni, and now I'm back learning about react. Just for fun though, I'm a Mainframe Sysprog now 😅

FIXING ALERT AND UUID ERRORS:- 1) UUID Error: Thanks to Abhi - npm install uuid-random - import uuid from 'uuid-random' 2) ALERT ERROR 'Buttons.slice()' FOR ANDROID: Thanks to Juliano Ventola - Alert.alert('No item 😕', 'Please enter an item.', [{text: 'Ok'}]);

I was on your channel just yesterday hoping for an updated React Native course. And now this! Thank you

Wow, Thank so much Mr Brad. You did this video exactly when I needed it.. you're my favorite

Great upload! I’m brushing back up on my react because I’m looking to build an hello world application and this tutorial is great. I’ve subscribed! Great work!

Perfect timing, I decided to learn React, RN, and Proton last week

Would love to see a React Native Udemy course! Thank you for all that you do!

hey brad, maybe very specific request but asking won't hurt anyway: it would be great if you make a full-stack flutter or react native course with complete backend with authorization, photo uploading, state management etc ( can be in firebase even). like a shopping list app or a simple social media app. i would happily pay for such course of yours. i know there're already courses like that out there but your teaching methods somehow work for me. thanks for considering.

You helped alot.....you make react native look so easy.... I now have the confidence to build a chat app. To test my skills

Nice! Thanks for the great tutorial. If anyone is looking for some ideas to expand on upon this for learning here are a few ideas: -Clear the add item input after a user adds an item -Save the list locally to a device to allow a user to edit and save the list on later uses -Create a way for users to add a second list (or more), switch between lists, edit and save them. Thanks again for the react native tutorial

Oh Brad, is there anything you can't do? Anything coding that I've needed.. you've got it! Thank you so much!

Thanks finally it worked! Had to do some extra work with environment setup and open Android project folder with Android Studio to get local.properties generated.

Thanks for sharing, was just watching the crash course from 2 years ago, and when it was done this came up, posted about 2 hours ago. What a coincidence

If you're into react native youl love this channel called React UI Kit , it's a gold mine.

On 50:10 in my case I have error. Instead of {text: 'Ok'} need write [{text: 'Ok'}] in Alert.alert('Error', 'Please enter an item', [{text: 'Ok'}]); And better check if (!text.trim())

To people who get error when pressing a button at 50:14 - surround {text: 'Ok'} with square brackets to make it [{text: 'Ok'}].

Dude I've been praying for a react native crash course form you. STOKED

So helpful, thank you very much

Thank you much, it's hard to teach something as complicated as React Native, you made it easier and simple.

I am new here. I cannot run the emulator at 12:21. The error message is "Failed to launch Emulator"... What's wrong?

Great introduction to R N. Thank you

Thanks, this really helped me. 1. Also, uuidv4 not working and showing errors while importing. 2. Inside Alert, it should be [{text: 'Ok'}] otherwise showing error.

any chance of a run through of setting up continous integration & deployment with bitbucket or jenkins..???

best thing about expo is that to build .apk files you don't need android studio on your PC so even low end computers like 4gb ram can build android apps and publish it just like developing a react app in the web

I'm a simple man. I see a new Brad Traversy video and I click on it and like it.

Thank You for the amazing courses! I am trying to make something and your courses are helping a lot!

If anyone here using AMD Ryzen processor on Windows, you don't need Intel HAXM. You will need to enable 'virtualization' from your BIOS settings (it will most likely be under CPU features and it is called 'SVM mode' on most motherboard BIOSes. You just have to enable it if its disabled and save and reboot) and you will need to enable 'Hypervisor' feature (press Windows button -> type 'turn windows features on or off' -> Check 'Windows Hypervisor Platform') wait for the process to complete and reboot.

Perfect and east to follow, but you missed that part on how to clear the TextInput field on successful addition

if you have an error when add alert for empty item, try to change as follows : Alert.alert('error', 'please enter the item', [{text: 'ok'}]);

49:00 - I think you have to wrap the error message in array for it to work now o-o

If you are not interested in the setup, coding starts at 15:05

it would be great sir if you do have an updated verions of this tutorial or maybe a course at udemy that would be greate too!

Great video! I've used React before and this is a perfect starter code-along for getting going with React Native. Thanks!

To resolve uuid error. npm install uuid-random instead. And import it like uuid from 'uuid-random'

Would love a full Udemy course on React Native!

i always read peoples comments saying they were just thinking bout learning something and brad uploads..haha well today is my turn

Hey guys, if the UUID doesn't work for you can use 'react-uuid' from www.npmjs.com/package/react-uuid just change the import to say: import uuid from 'react-uuid';

Amazing video. Learned the basics of react native in a 50 min video. To the point as always, thanks 🙏

Simple and smart basic react native tutorial.

Was waiting for this! Awesome video as always and I just started planning my first React Native app 😁

Thank you for the detailed to-do list. It helped me understand the React Native.

another great video, thanks for all the hard work you put in making these videos

Wow, This is recorded in 2020 and things have insanely changed in react native in just few months

Me 02/02/2020 : I need to start a React Native app for my new business. Looked at your channel, last crash course was 3 ish years ago... Brad Traversy : Keep calm, i'll be back (Uploads a crash course 04/02/2020) Me : xD

I cried when this video ended Coz it was too good Would like to see more react native content on your channel

great crash course, I'm hoping for React Native and Vue JS Udemy course

In latest version of react native you don't need to link the libraries they will be autolinked.

Techlead: Why react native is garbage A few hours later... Traversy Media: ok Edit: No hate here just showing the coincidence that both video was uploaded on the same day. In fact I appreciate this react native video as I think it is a good technology to use. Sure there may be some cons like what techlead said but all technology have its pros and cons. I feel that saying native is garbage is wrong and maybe he can phrase it in a better way. :)

Hi Brad, when trying to install android studio at the part where I must choose SDK 7:43/51:27 in video, I get a message saying ,... this computer does not support intel virtualization technology (vt-x). haxm cannot be installed. I'm using Windows 10 on a Lenovo Laptop. Please ensure Hyper-V is disabled in Windows Features. Please help

When i try to use uuid as shown, it throws bundling/build errors. after three hours i decided not to use uuid. is the issue possibly due to node version or something similar?

Thank you!. Please also create a video about your recording environment, the setup and how you manage these things. Thanks again.

Great tutorial! I really like your teaching style :)

If anyone getting error on adding alert and uuid like mentioned in video , try this Alert error: import {Alert} from react-native; Alert.alert('Error', 'Empty item', [{text: 'Ok'}]); uuid error: import {uuid} from uuidv4; {id: uuid(), text: 'your text'} It's worked for me, i was testing the app on my android device.

This one easier than flutter, good to learn more

Still by far the best coding teacher on the web, much love for my guy @Brad

Udemy React Native projects soon? ❤

Please do a react native full course (a single project course like u did for node.js - Devcamper project). Because most of courses gives good preview video but when it comes to the actual course they miss important stuff, It's not like I don't like those courses or I didn't learn anything, those are good courses, but those courses missing important topics.

TECHLEAD : Why React Native is garbage ? Traversy Media : React Native tutorial 2020 !

Thank you for your Effort in Trying to Educate us Brad!!

Thanks braad

Your timing is insane!!!😃

If you are getting an error while using Alert, wrap the third argument (the object) in an array: Alert.alert("Error", "Please enter an item", [{ text: "Ok" }]);

Nice tutorial. Thanks!

For linking React native with icons here - npx react-native link react-native-vector-icons

"I'm going to go with functional components, hooks" = instant like