🎒 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/
@@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 😊
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.
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!
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.
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
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.
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.
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.
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
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)}}
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!!
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.
@@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?
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!!!
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.... ❣❣❣❣❣❣❣❣
>>>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
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.
@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).
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?
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.
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.
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 !
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.
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
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.
anyone know how to fix this? already tried: m:TeslaClone-main m$ yarn start yarn run v1.22.10 warning ../../../../package.json: No license field $ expo start Starting project at /Users/m/Desktop/unnnnnamed/TeslaCloneAssets/TeslaClone-main Expo DevTools is running at localhost:19002 Opening DevTools in the browser... (press shift-d to disable) Missing package "metro" in the project at /Users/m/Desktop/unnnnnamed/TeslaCloneAssets/TeslaClone-main. This usually means `react-native` is not installed. Please verify that dependencies in package.json include "react-native" and run `yarn` or `npm install`. Error: Missing package "metro" in the project at /Users/m/Desktop/unnnnnamed/TeslaCloneAssets/TeslaClone-main. This usually means `react-native` is not installed. Please verify that dependencies in package.json include "react-native" and run `yarn` or `npm install`. at importMetroFromProject (/usr/local/lib/node_modules/expo-cli/node_modules/@expo/dev-server/src/MetroDevServer.ts:143:11) at runMetroDevServerAsync (/usr/local/lib/node_modules/expo-cli/node_modules/@expo/dev-server/src/MetroDevServer.ts:36:17) at startDevServerAsync (/@expo/xdl@59.0.14/src/Project.ts:1751:32) at Object.startAsync (/@expo/xdl@59.0.14/src/Project.ts:1785:5) at action (/usr/local/lib/node_modules/expo-cli/src/commands/start.ts:176:3) at /usr/local/lib/node_modules/expo-cli/src/commands/start.ts:343:16 at Command. (/usr/local/lib/node_modules/expo-cli/src/exp.ts:346:7) error Command failed with exit code 1. info Visit yarnpkg.com/en/docs/cli/run for documentation about this command.
Very nice thank you. I like to snap Vs Code on one side and RUclips on the other. If you can make the text a bit larger it would be nicer for us here at the learning center. Looking forward to more.
Hi there. I come here after facing many issue of PayPal integration in react native. I have searched nearly everything things but dur to different different methods i am not able to implement it. So please please can you help me with paypal integration.... And i love your video i shifted to react native and learned through your tutorials
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
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
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
🎒 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/
Hey Vadim, the resources are not being sent to my email after filling out the form on the link
@@davidn907 I see some issues from my end. Please try later today. sorry for inconvenience
@@notjustdev Okay will do. Thanks
Me to im still not getting the resources
In this demo app our image being slightly being small from downwards can you please help to get rid of this.. please sir please
This is my first react app and I did it from a to z . Thank you for clear and complete instructions!
Awesome
@@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 😊
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
That's really awesome, congrats on finishing your first React Native project
@@notjustdev Next, I'll be watching your whatsapp project.
@@kushagrabainsla1641 Awesome, let me know how it goes
Hey Kushagra! Seems like you have some valuable skills! What are you upto currently? Are you open for internship/job opportunities?
@@shivanigaddagimath6105 Hey, I'm open for an internship offer.
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.
It's really hard to see the code. For future videos maybe you can zoom in a bit
tNice tutorials is how an editing software beginner tutorial is done. tNice tutorials video is a standard for all editing software tutorials
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!
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.
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"
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
I love learning along with your tutorials Vadim - keep it going sir ... great work!
Great to hear!
one of the best guide after reading documentation in react native. Best Kickstarter for app development.
Тот момент когда русскоговорящий смотрит русскоговорящего на английском :D
За туториал спасибо!
+
Да уж, русский акцент выдаёт себя.
Я не русский, поэтому смотрю учебник русского парня на английском.
Just completed, took me 6 hours - thank you its my first React App
This is an excellent tutorial, thank you for uploading. For someone looking into React Native for the first time, this is a great resource.
Glad you enjoyed it!
how do i download react on my pc
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.
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.
Thank you so much, I am just starting and this is the first tutorial that i was able to follow and understand properly.
It was great, my first app, like и ещё отлично понятно и просто говоришь по английский
Spasibo :)
This my first React Native app, I'm so proud of the result ! thank you
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.
Glad it was helpful!
Looks great on my iPhone, bud! Thank you for this great tutorial. Love it!!!
Happy to help!
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.
Amazing, Excellent, One of best video, I have ever seen... Thanks for your time and effort for us..
Thank you for the kind words. It means a lot to me
Great Tutorial there.Definately one of the best tutors with detailed and carefully thought out material.Kudos
Thank you so much for this! Easy to follow along and I learned so much from this one video.
Glad it was helpful!
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
Amazing Vadim! Just finished it today. Many thanks man
dude you are truly a blessing!!!! i loved this tutorial ❤❤❤ great job man.
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)}}
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!!
I'm glad you liked it. Welcome onboard
Perfect introduction to React Native. Thanks!
Glad it helped!
Great Tutotial! I just loved it. Now it become very easy to follow next steps thanks buddy
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.
Hey, thanks for watching. Keep building and experimenting and you will become comfortable with react native in no time 🚀
I am just starting on React native too, I have some course I am taking and I also want to find some videos from RUclips
Im in the same situation here. For some reason the header component doesnt seem to follow the styling i have set either
Yeah, same problem. Did you find out how to fix this?
@@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?
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!!!
Great to hear!
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.... ❣❣❣❣❣❣❣❣
Glad it was helpful!
Really I loved it.I had knowledge on react native but with this basic project I increased my confidence levels .Thanks Alot Vadim.
Glad to hear that
Thanks man, you explained it very well, very well designed, something which every beginner wants and loves to follow 🙌
Glad it was helpful!
>>>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
Yeah, you can find the presentation slide in the git repo: github.com/Savinvadim1312/TeslaClone/blob/main/Tesla.pdf
Just finished ! Thank you so much for the tutorial 🔥
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.
Thank you for this tutorial, I have created my first mobile app 😊😊
@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).
Woow....I've really got alot out of this tutorial....THANKS SO MUCH!!!!! Everyone needs to subscribe to this channel :) :)
Thanks!
I'm loving your videos! ❤️🚀
thanks brother
i love u clone, I am Brazilian, you best developer
very good initiative video. thanks man . Love from Bangladesh
SUBSCRIBED! This is amazing! Could you please please do an Airbnb clone with react native if possible? I would greatly appreciate that.
Thanks a lot for the support. Airbnb seems like a fun project to create. I will definitely clone it, thanks
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?
Thanks for the content. Very clear and detailed instructions. Helped me a lot
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.
Loved it and very comprehensively explained
Thanks
I love learning along with your tutorials
You explain very good! thanks for share your knowledge!
Glad it was helpful!
I have learned a lot. Thank you!🚀
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.
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 !
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.
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
Thanks
it's nice to see you develop voting app with it's database. Looking forward to learn it from you sir.
Thanks for suggestion
amazing explanation finally understood flatlist and animations ! thanks alot
Great to hear!
hey, it was a great tutorial and it helped me to shift from react to react-native. Great Stuff man!
wow, seemed easier than I thought. Nice tutorial
With position absolute in sec 31.04 on image ..my background disappear,but if you try position absolute on title everything is all right!
Here's the VSCode snippets for functional components and stylesheets if you search like me:
add this code under File -> Preferences -> User Snippets -> javascript.json:
"React Native Functional Component": {
"prefix": "rnfc",
"body": [
"import React from 'react'",
"import {View, Text} from 'react-native'",
"",
"const ${1:name} = (props) => {",
" return (",
" ",
" $2",
" ",
" )",
"};",
"",
"export default ${1:name};",
""
],
"description": "React Native Functional Component"
},
"React Native StyleSheet": {
"prefix": "rnstl",
"body": [
"import {StyleSheet} from 'react-native'",
"",
"const styles = StyleSheet.create({",
"",
"});",
"",
"export default styles;",
""
],
"description": "React Native StyleSheet"
},
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.
Please tell me what is the best video to watch after this? to continue learning
Thanks a lot! Much appreciated! I got it running, lol
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.
Hi Pradeep! That's really impressive! Are you open to job/internship opportunities currently?
This is great and mind blown. Thank you for sharing sir. May God bless you sir
Thanks and welcome
Hey Vadim, it's really well explained. thank for that
Glad it was helpful!
Thank you for the good and fun introduction Vadim
Glad you enjoyed it
anyone know how to fix this?
already tried:
m:TeslaClone-main m$ yarn start
yarn run v1.22.10
warning ../../../../package.json: No license field
$ expo start
Starting project at /Users/m/Desktop/unnnnnamed/TeslaCloneAssets/TeslaClone-main
Expo DevTools is running at localhost:19002
Opening DevTools in the browser... (press shift-d to disable)
Missing package "metro" in the project at /Users/m/Desktop/unnnnnamed/TeslaCloneAssets/TeslaClone-main. This usually means `react-native` is not installed. Please verify that dependencies in package.json include "react-native" and run `yarn` or `npm install`.
Error: Missing package "metro" in the project at /Users/m/Desktop/unnnnnamed/TeslaCloneAssets/TeslaClone-main. This usually means `react-native` is not installed. Please verify that dependencies in package.json include "react-native" and run `yarn` or `npm install`.
at importMetroFromProject (/usr/local/lib/node_modules/expo-cli/node_modules/@expo/dev-server/src/MetroDevServer.ts:143:11)
at runMetroDevServerAsync (/usr/local/lib/node_modules/expo-cli/node_modules/@expo/dev-server/src/MetroDevServer.ts:36:17)
at startDevServerAsync (/@expo/xdl@59.0.14/src/Project.ts:1751:32)
at Object.startAsync (/@expo/xdl@59.0.14/src/Project.ts:1785:5)
at action (/usr/local/lib/node_modules/expo-cli/src/commands/start.ts:176:3)
at /usr/local/lib/node_modules/expo-cli/src/commands/start.ts:343:16
at Command. (/usr/local/lib/node_modules/expo-cli/src/exp.ts:346:7)
error Command failed with exit code 1.
info Visit yarnpkg.com/en/docs/cli/run for documentation about this command.
I got a similar error. what command did u input?
Thanks a lot, I was able to do it with detailed tutorial.
Well done, I love this tutorial
Thanks Samer
Thanks alot for the videos man. Big fan!
Very nice thank you. I like to snap Vs Code on one side and RUclips on the other. If you can make the text a bit larger it would be nicer for us here at the learning center. Looking forward to more.
Hi there. I come here after facing many issue of PayPal integration in react native. I have searched nearly everything things but dur to different different methods i am not able to implement it. So please please can you help me with paypal integration.... And i love your video i shifted to react native and learned through your tutorials
Hey, thanks for the support. I might do in future a video about payment integration, but i have not planned it yet. Thanks for suggesting
Hi Siddhant! Are you studying or working currently? Would you be open for an internship/job opportunity?
Looking forward to see you making a Reminder app sir ❣️
Where these unity these always victory i'm so proud about the community of Kagiso
thanks a lot for sharing your work, it really help to understand react native !
Thanks for your efforts, it's very helpful ❤⚘
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
thank you so much for this amount of information in this tutorial , bless you brother
You are very welcome
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
Should I know something like Node JS or Redux before learning Native?
Thank you very much.It's very helpful tutorial.
All conected and white screen.. ye nice
Very nice tutorials. Thanks Vadim.
You deserve 100 mil subs !!! keep it up sir
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
Great tutorial, was wondering how to create a more responsive design for smaller screens
Can you please tell me which theme you have used for the WebStorm? Looks good, just wanna try.😁😁
Thank you very much for these videos!
Excellent tutorial sir
Am I the only one who sees his camera and smiles all the time, as the pendant in the background looks like he has some kind of cat ears? LMAO
It was greate man. well done
Hey man, it was good to learn from you, would you also do a tutorial for videos and only audio embedded within apps
this is awesome....Thanks
Glad you liked it!
Amazing. thanks man.
Loved It
Glad you liked it!
please i cant wait for more tutorials
Amazing content!