Omg, your setup for react native (starting at 11:00) really saved me. I was up for hours last night debugging errors to simply display on a physical android device. I even followed the official docs... after I installed yarn (which I didn't before), it told me that my version of node (v9.11) has to be v10 or higher. The other errors I got wouldn't even tell me this... THANK YOU!
Great tutorial as always. Minor change: [1:30:25] It should be navigator.pop(); instead of navigator.push();. Because push will create new object of Component5 and pop will get user back to already created Component5.
I just became a patreon after watching this video. I've been Watching your content for a long time and im so proud that im a patreon as well. Thanks man. You helped me a lot.
great video man, just had to act like a smart ass and point out that the last few second you should change the push component 5 to pop for back button so the ui doesn't feels like we are going to a new page.
Quick Note: The List View you are talking about at 1:02:30 has improved. It's pretty easy now. Btw. Great Tutorial! It is really worth the time spending, to get started!
I am a beginner in app development. and have completed REACT course & learned a lot from you Mr.Brad Thanks a lot. I am building my career, kindly help in making decesion which is better Framework REACT NATIVE or Flutter from future perspective.
It is helpful that you sometimes have some errors and show how to fix them. Good to know other's thought process. I would prefer this way of tutorial rather than 'perfect', 'no mistake' one
Please make complete course with react native in udemy. Really looking forward to it. Never seen any udemy course which is near the quality you produce. Love you and your work, Brad
Do you have a video on react native google maps keys etc. I liked the other video you did on JS maps, so I thought it would be nice to see a similar video for react native. You are a good teacher by the way.
23:38, you can keep the Capital letters in the components, but when you register the component, the first argument should be string, all lowercase, and it doesn't matter how you name it either, it doesn't have any connection to the component, it's just a "Key"
Excellent tutorial will watch rest of your videos I need to do an Upgrade for my Native app and we need IOS so this might be the way to go and execute it all at once .. Thanx!
I love everything you do and I follow and recommend it to everyone I work with and people who are interested in doing any kind of development. One request is it possible for you to do a full project with the MERN stack for example build a full application with us online and post it, something bit more real world like a Human Resource system or a clinic system, or a non profit project, something like what Mongo Universtity is doing right now by building a full web application for a store? But you explain things so well, so how about it?
Thanks, I appreciate that. The thing with what you are asking is that to build a big project like that takes a lot of time and planning, which is something I do not have much of. I do not make very much money on TH-cam, I do this because I want to help people. So if I do find some extra time I will do something like this
I was stressing out a bit because I'm learning react native for a small project for an interview and seeing how close to React is I was like please daddy put that View in
I have read in Getting Started in react that I can start without android studio, SDK or XCode, I thnk it would be great at the start to mention alternative ways.
Seems you have to do a lot of custom styling with react native. With Xamarin.Forms everything looks native out of the box, and it will look correct on every device.
Greetings folks! This video is perfect to start with the basics, but at the end of the video I couldn't apply 'Navigator' because it's now deprecated, it would be a very good Idea to update the video with the new features. (Y)
Thanks for a good crash course. It's very useful. I have a question. Shouldn't we use "routeStack" for going back instead of pushing new (in this case component5) component in navigator?
Awesome intro video to React- May I ask you to share the link to setup / installation video which u mentioned . i could not find it Would be nice to how do do the basic setup
Some issues I had to overcome for getting android development on a Mac so that my app can get installed and I can see it reflect my code changes. - Make sure you have the Java SDK installed, not just the JRE - Make sure you have values set at "echo $JAVA_HOME" and your path is getting this value - Make sure that when you run "java -version" it matches what you have installed at "$JAVA_HOME/bin/java -version" - When setting your $JAVA_HOME path, I had to point to '"/Library/Java/JavaVirtualMachines/jdk1.8.0_151.jdk/Contents/Home" instead of "/Library/Internet Plug-Ins/JavaAppletPlugin.plugin/Contents/Home/" - May not be completely necessary, but the $ANDROID_HOME may be needed and added to your $PATH - You may need to check/use adb to see if devices are in the database, you can run this program from here: "cd ~/Library/Android/sdk/platform-tools" then "./adb devices". It should show some devices. If not, your app can't get installed in the virtual device. At a minimum, you can connect your phone with a USB cord and then the adb will show one device that available to have your app installed. Make sure you phone has Debugging turned on and that you have the Android File Transfer app installed on your Macbook. - For virtual Devices, I used Genymotion (Personal License) and was able to install any device I wanted and it works much faster than the Android Emulator. - If you installed Genymotion and created a new virtual device, you can now run the "./adb devices" command (in the proper directory, see above) and you should see that adb can now see your virtual device you created from genymotion
React Native for sure. Ionic apps are more of a hybrid apps. React Native is much closer to a real native app and is much less clunky. Also feels more real with TouchableHighlight, etc
0:00 What This Guide Covers
1:20 What is React Native
2:30 Real Mobile Apps
3:30 Advantages of React Native
5:09 UI Component Examples
7:15 APIS for Device Interaction
7:51 Development Environment & Specs
9:08 MyApp Component (Code Explanation)
11:00 Let's Code... Install and Setup
17:56 React Native Structure
20:23 Coding from Scratch
24:30 Component 1 - Simple TextView
26:45 Component 1 - Properties (Props)
31:37 How to Debug Console on Terminal
32:41 Styling
33:20 Component 2 - In Line Styles
35:33 Component 2 - StyleSheet
43:06 Touchable Highlight
47:12 Touchable Opacity
49:49 Component 3 - TextInput
57:07 Component 3 - Switch
1:00:37 Component 4 - ListView
1:09:50 Component 5 - Get Data from Api
1:16:37 Component 6 - Navigator
FULL REACT NATIVE COURSE
www.eduonix.com/affiliates/id/16-10461
Comment Pinned, thank you
You teach very well! So, thank you for this video! You helped me a lot!
How do you combine React-Native with React-VR?
Legendary comment thanks.
The man, the myth, the legend himself..
You are the first person I understand as far as your organization, and explaination. I'm literally emotional right now.
Omg, your setup for react native (starting at 11:00) really saved me. I was up for hours last night debugging errors to simply display on a physical android device. I even followed the official docs... after I installed yarn (which I didn't before), it told me that my version of node (v9.11) has to be v10 or higher. The other errors I got wouldn't even tell me this... THANK YOU!
Congratulations for you work. Absolutelly useful class. Currently we don't have so much content about react native free. Thank you for that.
React Native is crap.
why
Great tutorial as always.
Minor change: [1:30:25]
It should be navigator.pop(); instead of navigator.push();.
Because push will create new object of Component5 and pop will get user back to already created Component5.
Brad congratulations on reaching half a million subs you deserve it for the hard work and effort you put in.
This is perfectly paced for anyone coming in with previous ReactJs familiarity. Gonna check out your other videos and the full course!
I just became a patreon after watching this video. I've been Watching your content for a long time and im so proud that im a patreon as well. Thanks man. You helped me a lot.
I love the sound of that keyboard, very satisfying.
yeah, but it is not synced with the video 😁
great video man, just had to act like a smart ass and point out that the last few second you should change the push component 5 to pop for back button so the ui doesn't feels like we are going to a new page.
Quick Note:
The List View you are talking about at 1:02:30 has improved. It's pretty easy now.
Btw. Great Tutorial! It is really worth the time spending, to get started!
Jeez apparently I need to subscribe, the last 3 videos I searched for, yours came up first! Great content!
Dude! So awesome 😄 You've helped me jump start to React Native without any Reactjs background. Thank you!
I have created an react native ,redux, nodejs - express, mongodb app please have a look once . th-cam.com/video/aoBuikeGg_8/w-d-xo.html
I love you bro... U make it happen after attempting react native so many times from diffrenet soursces. Thank you man...
Excellent course, got me started even with a limited understanding of React.js. Thank you!! :D
you helped a lot man, you actually saved my internship. Thank You
Mindblowing Video. 100% recommended, no second wasted.
I am a beginner in app development. and have completed REACT course & learned a lot from you Mr.Brad Thanks a lot. I am building my career, kindly help in making decesion which is better Framework REACT NATIVE or Flutter from future perspective.
react native is well established whereas flutter is in the initial stage.
@@jackfrost8969 thanks for reply. It will help me a lot
also React Native is extending in a high speed, it has even reached now to windows platform and a team which are working on it
by the way too late 😅
Thanks Travesy Your One of the best You Tubers out there .. making good tutorials for everyone ..
For anyone who wants to learn it in 2019, most of the beginning is outdated.. just stick with the documentation. It's really easy to understand.
Or rather watch Brad's latest video, 👀
It is helpful that you sometimes have some errors and show how to fix them. Good to know other's thought process. I would prefer this way of tutorial rather than 'perfect', 'no mistake' one
Thanks for this crash course tutorial. I needed some sort of an explanation with Facebook's React-native tutorial and this helped a lot. Subscribed.
Please make complete course with react native in udemy.
Really looking forward to it.
Never seen any udemy course which is near the quality you produce.
Love you and your work, Brad
another excellent tutorial. Every time when I need to learn new stuff, I will go
Traversy Media.
This tutorial got me off the ground as the react site documents weren't as good as this! Thanks!
Super Stoked! Can't wait to see the course
Thanks man, last 3 time try can't learn it, but now this time I am able to develop project, You teach very well.keep it up.
Thanks for the Video! I like the fact that you can learn this stuff for free on TH-cam. There are so many videos where you can learn!
Great Class. So good, I bought the full course. I appreciate the attention to detail.
Do you have a video on react native google maps keys etc. I liked the other video you did on JS maps, so I thought it would be nice to see a similar video for react native. You are a good teacher by the way.
For new comers, ListView and Navigator is deprecated.
You can use Flatlist or SectionList
Thanks, dude
Did you use your sharingan to see through that?
How to use navigator then?
Thanks a lot. I've seen both your react and react native video. This give me an overview of react native. Thanks a lot.
Thank you for this brad , your tutorials are always the best :)
Very good explanation, good start for react developers
im here after 17 months just to say: I LOVE U.
Nice video! This helped a lot for my React Native video series where I build the Airbnb mobile app.
Great video! Your explanations were very clear and well laid out.
Looking forward to the eduonix full course. Thanks!!
www.eduonix.com/affiliates/id/16-10461
23:38, you can keep the Capital letters in the components, but when you register the component, the first argument should be string, all lowercase, and it doesn't matter how you name it either, it doesn't have any connection to the component, it's just a "Key"
Nice tutorial! Very straight forward and easy to understand
brushed up my memory with this...awesome crash course !
Fantastic Video, thanks a ton. sold me on using it for our mobile app for sure.
I love your tutorials. Excellent! Great Work
Great video, thanks for making it. Feedback: try to sound a little bit more lively/less monotone and it'll make it easier for people to watch.
great educ video, thanks so much for the time you contributed for this!
Thank you for your course, u made me learn a lot in 1.5 hours
Subscribed,looking forward for new videos from you (:
Hey I couldn't find the flexbox in 20 minutes video that u mentioned, btw thx for the video, pretty well explained
Are you going to make another Eduonix course like you did with React? That project-by-project course was fantastic.
I am not able to access that link for 10 new course on Eduonix. Can you please share where are you able to access it? thanks
Excellent tutorial will watch rest of your videos I need to do an Upgrade for my Native app and we need IOS so this might be the way to go and execute it all at once .. Thanx!
Watching dos while using bash, my eyes are bleeding, thx for the tutorial though. You saved my life.
Nice video to get started on react native .Thanks
very good react native crash course, nowadays i am interesting also to make tutorials about react native
Great crash course thanks for the content
Solid tutorial.!
Still holds up!
Best ever tutorials...Thank you sooo much.
I love everything you do and I follow and recommend it to everyone I work with and people who are interested in doing any kind of development. One request is it possible for you to do a full project with the MERN stack for example build a full application with us online and post it, something bit more real world like a Human Resource system or a clinic system, or a non profit project, something like what Mongo Universtity is doing right now by building a full web application for a store? But you explain things so well, so how about it?
Thanks, I appreciate that. The thing with what you are asking is that to build a big project like that takes a lot of time and planning, which is something I do not have much of. I do not make very much money on TH-cam, I do this because I want to help people. So if I do find some extra time I will do something like this
Install is at 11:00 if this is useful for anyone else :)
complex overview of react native, great job
Thanks your crash courses helped me a lot
Excellent course, Great Job!
Thank you man so much you just made May day
Thanks for the really good explanation.
Thanks a lot for great videos...
It’s incredibly useful for beginners
such a great video for beginners. Thank you so much.
So grate video fro beginner like me, It's verry helpful. Thank you very much sir.
Really good introduction! Thanks a lot :)
Awesome, thanks Brad!
Man, how I feel happy when I find someone with native US accent explaining a technology these days
This should be categorized as porn for front end developers :). Nice tutorial man. I'm gonna checkout your paid stuff
You are damn right! hahah
its not just front end that this is porn for, this is like style porn, back end porn, and i'm realizing how this is sounding, so i'll stop...
I was stressing out a bit because I'm learning react native for a small project for an interview and seeing how close to React is I was like please daddy put that View in
Basically all that make developers wet
lol
Thank you very much for this tutorial. Learned a lot! :D
In macOS it is recommended to install *yarn* with Homebrew.
thank you so much for a very good explanation in each component, god bless u
Thank you for sharing. Very instructional
I have read in Getting Started in react that I can start without android studio, SDK or XCode, I thnk it would be great at the start to mention alternative ways.
What are your thoughts on Google's flutter? Do you think it's better than react native? Also any plans to do a tutorial on flutter? Love your work!
You are a great teacher!
Very nice video tutorial. Please tell me when next video will come with advance topic. I am waiting for it.
To help people thats going to watch this, set playback speed to 1.25... helps ALOT..
2.0 is best
Nice tutorial, thanks!!!!!!!!!!!!!
Hey Thanks Buddy. This Video Really Helpful.
i love every sic of the video thanks :)
Nice video, but i have a silly question for you. What keyboard do you have? That mechanical sound is amazing.
At that time I was using the Logitech G19. Its funny, some people love the sound and some hate it.
Awesome tutorial
Seems you have to do a lot of custom styling with react native. With Xamarin.Forms everything looks native out of the box, and it will look correct on every device.
Hello Sir , Can you please make videos on react navigation v3. Thanks for all your creation , I've learned a lot and continuing to do so.
Greetings folks!
This video is perfect to start with the basics, but at the end of the video I couldn't apply 'Navigator' because it's now deprecated, it would be a very good Idea to update the video with the new features. (Y)
Would you consider updating and releasing your course on Udemy? I was hoping the full course would be available.
Thanks for a good crash course. It's very useful.
I have a question. Shouldn't we use "routeStack" for going back instead of pushing new (in this case component5) component in navigator?
I hope there will be udemy course from Brad featuring React Native ❤
veriiigoooddd ahushuashuashusa nice work man!! you help me so much!!
Awesome intro video to React- May I ask you to share the link to setup / installation video which u mentioned . i could not find it
Would be nice to how do do the basic setup
Some issues I had to overcome for getting android development on a Mac so that my app can get installed and I can see it reflect my code changes.
- Make sure you have the Java SDK installed, not just the JRE
- Make sure you have values set at "echo $JAVA_HOME" and your path is getting this value
- Make sure that when you run "java -version" it matches what you have installed at "$JAVA_HOME/bin/java -version"
- When setting your $JAVA_HOME path, I had to point to '"/Library/Java/JavaVirtualMachines/jdk1.8.0_151.jdk/Contents/Home" instead of "/Library/Internet Plug-Ins/JavaAppletPlugin.plugin/Contents/Home/"
- May not be completely necessary, but the $ANDROID_HOME may be needed and added to your $PATH
- You may need to check/use adb to see if devices are in the database, you can run this program from here: "cd ~/Library/Android/sdk/platform-tools" then "./adb devices". It should show some devices. If not, your app can't get installed in the virtual device. At a minimum, you can connect your phone with a USB cord and then the adb will show one device that available to have your app installed. Make sure you phone has Debugging turned on and that you have the Android File Transfer app installed on your Macbook.
- For virtual Devices, I used Genymotion (Personal License) and was able to install any device I wanted and it works much faster than the Android Emulator.
- If you installed Genymotion and created a new virtual device, you can now run the "./adb devices" command (in the proper directory, see above) and you should see that adb can now see your virtual device you created from genymotion
Joey Garcia Mac machines come with java pre installed
Great tutorial!
Great tutorial.
Shouldn't we use binding for the methods of class?For examle, in the Component3 this.onSubmit (56:30)
Thank you so much for this!
Very helpful, Thanks you guy
You need a website, why not do it yourself? With Traversy, you can create your own professional website.
haha. I hate that damn ad. I wish they would use something else :(
hahahahaha lol ... :v
Holy shit wix from hell
hahahahaahhahha made my day
I feel I am going to lose my job. HAHA
is it possible you update this course
Hey buddy its amazing
Have one question Ionic or react native ?
Which one you prefer
React Native for sure. Ionic apps are more of a hybrid apps. React Native is much closer to a real native app and is much less clunky. Also feels more real with TouchableHighlight, etc