🔴Build your first App in React Native in under 2 hours [ Tutorial for beginners ]

[@notjustdev]

🎒 Download the Asset Bundle: assets.notjust.dev/tesla 📚 Enroll in "The Full-stack Mobile Developer" and become a 6-figure dev in 2021: academy.notjust.dev/

[@davidn907]

Hey Vadim, the resources are not being sent to my email after filling out the form on the link

[@notjustdev]

@@davidn907 I see some issues from my end. Please try later today. sorry for inconvenience

[@davidn907]

@@notjustdev Okay will do. Thanks

[@tendaikaruma738]

Me to im still not getting the resources

[@KishanSingh-it6ff]

In this demo app our image being slightly being small from downwards can you please help to get rid of this.. please sir please

[@pasinduudara7212]

This is my first react app and I did it from a to z . Thank you for clear and complete instructions!

[@notjustdev]

Awesome

[@pasinduudara7212]

@@notjustdev Will you please help to convert this app to installable apk file. Is there a way or is it possible ? If there is a video to do, please suggest that tutorial for me. I'm really enthusiastic to do that 😊

[@kushagrabainsla1641]

I just started react native, so did it side by side and I really loved the whole project and your way of teaching, Thank you

[@notjustdev]

That's really awesome, congrats on finishing your first React Native project

[@kushagrabainsla1641]

@@notjustdev Next, I'll be watching your whatsapp project.

[@notjustdev]

@@kushagrabainsla1641 Awesome, let me know how it goes

[@shivanigaddagimath6105]

Hey Kushagra! Seems like you have some valuable skills! What are you upto currently? Are you open for internship/job opportunities?

[@kushagrabainsla1641]

@@shivanigaddagimath6105 Hey, I'm open for an internship offer.

[@hasansolak23]

It is so fun to watch you coding a cool app like this and explaining the whole stuff. Thanks a lot. It might be my first time watching a coding video on 1x speed and not getting bored.

[@alexandergavrailovdronevid9742]

It's really hard to see the code. For future videos maybe you can zoom in a bit

[@TonyWithDaChopper]

You Made me extremely confident to start creating more apps!!!! I love this way over android studio !!!! You are the best and inspired me in not only a career but a hobby as well! thank you for taking the time to educate!

[@whatsnewnow4469]

one of the best guide after reading documentation in react native. Best Kickstarter for app development.

[@parthapratimmanna4146]

Built it with you..in fact it was my first React Native project and I had no experience. thoroughly enjoyed Vladim :))..lots of love and support.Thanks for such a nice content.

[@journeytocoding816]

Nice I am learning react will jump to your tutorial later. this is the best day I got your tutorials. I am now your subscriber. Thank you for sharing knowledge.

[@arpit5552]

Thank you so much, I am just starting and this is the first tutorial that i was able to follow and understand properly.

[@carlosharrytravel]

I love learning along with your tutorials Vadim - keep it going sir ... great work!

[@notjustdev]

Great to hear!

[@bkosimi]

Looks great on my iPhone, bud! Thank you for this great tutorial. Love it!!!

[@notjustdev]

Happy to help!

[@RadCor]

Тот момент когда русскоговорящий смотрит русскоговорящего на английском :D За туториал спасибо!

[@ДониёрРахманов-ч1ю]

+

[@h_worker1826]

Да уж, русский акцент выдаёт себя.

[@projectcubit1494]

Я не русский, поэтому смотрю учебник русского парня на английском.

[@Reektrades]

Just completed, took me 6 hours - thank you its my first React App

[@raphaelfr8778]

I’ve learned a lot from this one video. Love it. Can you PLEASE make a part 2 video to show how to display a menu when you click on the hamburger icon and how to redirect to another page? It will be very helpful to me. I am just starting out and find your explanations very understandable.

[@marshalclink]

This is an excellent tutorial, thank you for uploading. For someone looking into React Native for the first time, this is a great resource.

[@notjustdev]

Glad you enjoyed it!

[@dont_race_me]

how do i download react on my pc

[@mateovelo]

With position absolute in sec 31.04 on image ..my background disappear,but if you try position absolute on title everything is all right!

[@webdeveloper8334]

I have successfully created my first react native app by using this tutorial. Thank you so much. How to generate apk and run apk for this app on my android and ios devices?

[@kug3lschr31b3r]

With a small base of knowledge of react in front of this video =>it is very good. Well explained and you have a clear voice. Very important for non-native speakers like me.

[@notjustdev]

Glad it was helpful!

[@ouardaoub4166]

This my first React Native app, I'm so proud of the result ! thank you

[@hbarcellos76]

@Vadim, congratz for the video. I used it to teach my son how to code (using modern tools). Do you have any other video (or resource of any kind) teaching how to create several views and navigate back & forth between them? Like most apps, (i.e. navigation bar at the bottom with different screens for each item).

[@MADPURO]

This was a really engaging project. I started learning react native seriously on Dec 1st. Every day ive been taking several hours to get the basics down and learning how to use props, state, as well as getting comfortable with making my own tags. Aside from the course i am taking, i seen this video cause i was looking into others teaching state, so i noticed how long its gonna take, which wasnt much time really, and dived in. The more we make these projects, the easier it gets. One thing i do want to point out is that i am using a pixel 4 emulator and the images are still slightly cut off. On the iphone it was perfect but not the pixel device. Would you know how to fix that? I tried ‘screen’ instead of ‘window’ but then one image looked funky, but the others were just right.

[@notjustdev]

Hey, thanks for watching. Keep building and experimenting and you will become comfortable with react native in no time 🚀

[@guratete]

I am just starting on React native too, I have some course I am taking and I also want to find some videos from KZbin

[@sf8262]

Im in the same situation here. For some reason the header component doesnt seem to follow the styling i have set either

[@zhony-pony]

Yeah, same problem. Did you find out how to fix this?

[@jamesonvparker]

@@zhony-pony Hey guys, I haven't run into this problem yet. I just wanted to say that you guys are asking the right questions, which is all part of the process. I'm a web application developer but learning the right way to ask the right questions and google searches is something even the most experienced do. Did you all find your answers yet?

[@tecnologiasdeinformacionge1358]

tNice tutorials is how an editing software beginner tutorial is done. tNice tutorials video is a standard for all editing software tutorials

[@pranavgoswami2814]

Dude you made it so easy...!!! Outstanding. But...... . . . . . After seeing car price at 19:28, I knew that "you are a man of culture as well"

[@notjustdev]

Thanks a lot! . . . That's even funnier for me now knowing that it was not intentional. I guess it is in my blood 😂 I think that will be my thing, and who knows will understand :D

[@dolapoajayi2156]

to change the button background color and text color we can also use spread operator like this; const bgC = (type)=>( type==='primary'?'black':'white' ); style={{...styles.btn,backgroundColor:bgC(type)}}

[@syedjaffersathikful]

Amazing, Excellent, One of best video, I have ever seen... Thanks for your time and effort for us..

[@notjustdev]

Thank you for the kind words. It means a lot to me

[@rhinopromptmovers3468]

Great Tutorial there.Definately one of the best tutors with detailed and carefully thought out material.Kudos

[@keithlamontdavis8047]

This was truly excellent. Excellent balance of not too much handholding but not too difficult for beginners (with some javascript experience). Thank you for this. Subbed!!

[@notjustdev]

I'm glad you liked it. Welcome onboard

[@tonybenci2796]

Very helpful, got me building React Native Apps in ... Let's see... 2 hours... excellent Vadim could you please share the shortcuts library you are using for the FC shortcut, I can't see to find that specific one.

[@devanshshukla2840]

Can you please tell me which theme you have used for the WebStorm? Looks good, just wanna try.😁😁

[@oleksiishkulipa1626]

Please tell me what is the best video to watch after this? to continue learning

[@Sam-81810]

Thank you so much for this! Easy to follow along and I learned so much from this one video.

[@notjustdev]

Glad it was helpful!

[@Michael-xj8ju]

Perfect introduction to React Native. Thanks!

[@notjustdev]

Glad it helped!

[@Squad2ND]

Thanks for the tutorial! Really nice to get into React Native this way. If you want some small feedback, you might wanna limit the numbers of "Uhhhhh" between sentences when talking.

[@nguyentuyenn211]

Should I know something like Node JS or Redux before learning Native?

[@lukelu]

Hope to hear your expertise: how to make the design responsive so a rotation won't mess up the layout. I notice your github repository uses Dimensions but a listener would be required, which makes the app slow. Anyway, thanks for your Great tutorial !

[@abdih1230]

You can use the useWindowDimensions hook to listen to screen changes and adapt the screen to landscape mode and other screen size changes, it will notify you whenever that happens.

[@zeyuwang1790]

SUBSCRIBED! This is amazing! Could you please please do an Airbnb clone with react native if possible? I would greatly appreciate that.

[@notjustdev]

Thanks a lot for the support. Airbnb seems like a fun project to create. I will definitely clone it, thanks

[@bugedits2140]

dude you are truly a blessing!!!! i loved this tutorial ❤❤❤ great job man.

[@ДурбекЭргашбаев]

thank you bro it very very interesting and useful. I am new react native developer and I highly recommend to do this project for other new devs.

[@areebchoudhary3785]

Great learning platform you are giving us, I've learned a lot of things in this precise coding, loved it, Thanks Vadim Savin, God Bless you.... ❣❣❣❣❣❣❣❣

[@notjustdev]

Glad it was helpful!

[@carlotadias9335]

Hello ! How did you 'write' the basic structure of the component and the style automatically? Is it something like intelliSense (autocomplete)?, inscrusted in the IDE? Is it the snippet you are talking about? How can one implement it? Is Visual Sudio Code for example?

[@notjustdev]

Snippets plugin. Will do a short video about them soon

[@carlotadias9335]

thank you !!

[@hamzaashraf9529]

Great Tutotial! I just loved it. Now it become very easy to follow next steps thanks buddy

[@pratapgavali4786]

Thank you for this tutorial, I have created my first mobile app 😊😊

[@Leftlifetech]

Great tutorial for starting React Native, I am stuck though. I have followed everything and reviewed it repeatedly from start to 40.14 but I continue to get an exception error. Error: Requiring module "components/CarItem/styles.js", which threw an exception: TypeError: undefined is not an object (evaluating '_react.StyleSheet.create'). Everything in my code is what the video has. Been trying to figure this out.

[@อลงกรณ์จอมขันเงิน]

I love learning along with your tutorials

[@walopes]

Amazing Vadim! Just finished it today. Many thanks man

[@lki7303]

One of the best Tutorials, helped me alot, thank you very much. Was very understandable espacially when splitting the code into little components. Keep up the great work!!!

[@notjustdev]

Great to hear!

[@pauloperez4180]

Hi, Congratulations?. your tutorials are very interesting. I have one question. Can I generate an apple (ipa) app using reactive native on windows without Xcode?

[@gurgen5217]

It was great, my first app, like и ещё отлично понятно и просто говоришь по английский

[@notjustdev]

Spasibo :)

[@meggsnbacon5440]

Just finished ! Thank you so much for the tutorial 🔥

[@jefyekee581]

Woow....I've really got alot out of this tutorial....THANKS SO MUCH!!!!! Everyone needs to subscribe to this channel :) :)

[@notjustdev]

Thanks!

[@asishraz6173]

Till 40:00, the video went smooth and the learning is phenomenal. After that, I am having an issue with the module not found error. I tried several ways but it is showing the module not found the issue. Any idea on it?

[@asishraz6173]

Ohh, what a coincidence. Seriously. Just after the comment, something triggered in my mind, and made some changes, woohhooohhh, it is working now. Crazy !!! 😁😂😂 You have written in the app.js file: import CarItem from "./components/CarItem"; but it was not working for me and then finally I changed to: import CarItem from "./assets/components/CarItem"; #happycoding #reactnative

[@Ankitsharma-qk2sc]

Hi Vadim, will you please clear this ? - Companies use Expo or React Cli and Why ? Thanks.

[@arushsharma1395]

when i run my app, it doesnt go into the notch area, it starts below it, any solution for that?

[@shivanigaddagimath6105]

Hey Arush! Are you currently a student or working? Are you open to internship/job opportunities?

[@notchad2743]

For anyone wondering why it shows borders at the final of the screen is because of the aspect ratio of the phone. Check this out for more information github.com/marudy/react-native-responsive-screen Basically you need to install this package via the command: npm install react-native-responsive-screen --save After that import this: import {widthPercentageToDP as wp, heightPercentageToDP as hp} from 'react-native-responsive-screen'; Now change in carContainer with the following lines: carContainer: { width: wp('100%'), height: hp('110%'), //for me this is the perfect dimension (Pixel 4A) }, You can adjust how much you want and it will resize for smaller devices exactly. Hope this helps someone

[@avam.499]

I cannot start building the app because at the beggining the terminal in VSC doesn't allow me to write "expo start" or "npm start" ... it doesn't work and I don't know how to do

[@narenbakshi6301]

Thanks man, you explained it very well, very well designed, something which every beginner wants and loves to follow 🙌

[@notjustdev]

Glad it was helpful!

[@midrees1286]

>>>I would like to say You are doing a great Job. Just one thing could you share those slides as well:) we are lazy people. it would help us in doing our own implementation and having something to look back . Even if one person do something on its own. Its a win-win. Cheers

[@notjustdev]

Yeah, you can find the presentation slide in the git repo: github.com/Savinvadim1312/TeslaClone/blob/main/Tesla.pdf

[@hadithecoder]

Would you add in the backend of things as well ? or the functionalities ?

[@brunobeslic3052]

One question: I done everything like you (I did all till the time 1:06:55) but no buttons displayed on my screen. What may be the problem? I am suing expo with A5 2017 android phone. When I click on Metro Bundler-Run in web browser buttons display on the left bottom side on the screen but on android phone using expo app nothing... :( EDIT: It was a mistake in styles.js folder. Thank you very much on this tutorial Vadim :) Pozz from Croatia, Split :)

[@thepocguy]

Excellent explanation! Subscribed.... and oh i thought for abut 2 hours after the session and then it popped in my mind.. Tom Cruise from Tropic Thunder...:p

[@notjustdev]

Thanks

[@atlantafilmmakersleague7465]

Do you have any react native Android app building videos without using a bunch of templates?

[@barhomabs]

pleas. am need The asset Bundle. when am register my information got nothing. so if you can upload the Bundle in your google drive and share your link would be helpful.

[@danielnjama1470]

wow, seemed easier than I thought. Nice tutorial

[@AbhayShuklaMaxu]

Sir React native not work in my laptop.... So many errors i handled... So how i can start learning react native.... Sir help me

[@dnial6992]

it's nice to see you develop voting app with it's database. Looking forward to learn it from you sir.

[@notjustdev]

Thanks for suggestion

[@100sainadh]

Really I loved it.I had knowledge on react native but with this basic project I increased my confidence levels .Thanks Alot Vadim.

[@notjustdev]

Glad to hear that

[@AngeloSanfilippo]

Hi Congratulations on your videos. I have recently started coding with react native and I would like to ask you if you have any suggestions for creating an event calendar using react native (expo) Thanks in advance for the reply

[@geozuniga123]

can do a part 2 customer login with a custome navigation drawer also building a host network where application is stored in . can you explain the .idea what its purpose is for as well

[@ishansachdeva8955]

iOS Bundling failed 13ms Cannot read properties of undefined (reading 'transformFile') Getting this error after putting component in app.js Any help would be appreciated Thanks

[@shihab2218]

very good initiative video. thanks man . Love from Bangladesh

[@alinaqi5978]

Hi I am getting an error React Native TypeError: undefined is not an object (evaluating props.name)

[@valsistem]

Question: Why do ya use WebStorm over VSC? Is it preference or does it have benefits?

[@notjustdev]

It's mostly preference, but because Webstorm is an IDE, it gives me extra benefits with the cost of it being a bit heavier.

[@valsistem]

@@notjustdev Ah, I see. Thank you!

[@thatolebethe3238]

Thanks alot for the videos man. Big fan!

[@arhamshahid10]

i am getting error module not found at 40 min of your video when i give the paths of components and other paths it gives error module not found what should i do i cant getting its solution from internet plz help me

[@pradeepkumarreddykondreddy7048]

Can you do tutorials on react native apps that can be published to play store. May be some game apps using react native or some other useful react-native apps that can be published to play store. I published couple of game apps using flutter. Now i want to publish some apps using react-native also.

[@shivanigaddagimath6105]

Hi Pradeep! That's really impressive! Are you open to job/internship opportunities currently?

[@Fivefactsabout-25]

For some reason I am not able to scroll down through the page after I had added the cars.js objects and configured the CarsList components . Any idea what’s going on?

[@KishanSingh-it6ff]

In this demo app our image being slightly being small from downwards can you please help to get rid of this...

[@krystianstwarczyk7142]

Hey im totally noob in react native and that project going really smooth, but i still have problem with image not fully cover and i cant fix it any solutions guys !?

[@boldthoughts1]

Loved it and very comprehensively explained

[@notjustdev]

Thanks

[@pradeepkumarreddykondreddy7048]

How to generate the code snippet like you did for creating a new component, rather than typing the boiler plate code. I'm using VS code.

[@notjustdev]

marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

[@ricardohernandezmendez4207]

I have learned a lot. Thank you!🚀

[@shujakhan6728]

hy can you tell me what are the modules of this project and if those buttons (Custom order and existing inventory do anything)?

[@souvikbose8553]

after using flatitems... the subtitles are not showing up... please tell any fix ASAP

[@mcd123]

did anyone have problems displaying the buttons? i even copied and pasted the pages for StyledButtons but they wont show in my app? Any suggestions? I tried debugging and the layers don't even show....

[@ucchinhnguyen6509]

Thank you very much, from Vietnam. But I have a question, in 35:02, what snippet did you use?

[@shreyasphadnis5550]

amazing explanation finally understood flatlist and animations ! thanks alot

[@notjustdev]

Great to hear!

[@azubuikedivine8857]

Wow! I love this project, it was easy to understand though you made this 'urgh' sound a lot which kinda seems uncomfortable while coding along.

[@thatolebethe3238]

What snippet did u use to get the class automatically

[@AkashSingh-gr8pl]

Hi! Great Video! But the underline css in not working in androind. Is there any other way to do it? Thanks!

[@take-aim1815]

i have a query how do i go about creating a button which onPress slides up the content written for the specific page For eg. when we are model x page the button press should show the content related to model x and when we are model 3 page the button press should show the content related to model 3

[@localbus7008]

1:31:20 sir I am getting error undefined is not an object (evaluating ' props$cars.name)

[@codeermite9636]

Hello thank you for all you're doing for us. I'm very proud to be your students. So can you make a tutorial in how to connect a react native app to a PHP made api

[@praj777]

Thanks a lot, I was able to do it with detailed tutorial.

[@blazi_0]

İs it ok to position all the elements with position absolute ? I mean İt's just for mobile devices right .

[@thangphan2357]

So the code is still managed by the app like the admin website code, right?

[@StickMan1316]

around 1:47:00 for absolute position, the "top" property doesn't work the way you intended on my app. I typed up the same code you did and the menu bar is not displaying. It's weird for absolute position the top and bottom properties are reversed. update I fixed it, I had to move to the bottom the Header component in my App.js for it to show the menu and logo.

[@arthuroyugi2045]

Great tutorial, was wondering how to create a more responsive design for smaller screens

[@michaelarcangel5862]

I'm following along with this video except I'm running Ubuntu on a VirtualBox VM. Would it be possible to also use the iOS simulator on Ubuntu?

[@notjustdev]

As far as i know, you can use an ios simulator only on macos. You can follow along using an android emulator

[@rdias19]

Thanks for the content. Very clear and detailed instructions. Helped me a lot

[@JustinThegamerBR]

i love u clone, I am Brazilian, you best developer