I m korean. This video speak in only English. So i skip it first.. but i watch this video now, it s amazing and nice video!! you give me confidence to study rn!!! Thank you very very much!!!!
Nice, short and straight to the point video. Thank you. No bs, no explanation, straight diving into the code and the design, - as it should be! Also kudos for showing how to use Figma tool. Efficient Figma use + React Native = turbo speed in development! Thanks
the best tutorial ever, rly i was enjoying every minute of this explanation , and wanna find out even more after this one , wish everyone has done the same job, well done and thank you friend
"Thank you so much for this video, Nomi! I really appreciated how you explained simple ToDo app in such a clear and concise way. I learned a lot and can't wait to try out it. Keep up the great work!"
Thanks for tutorial. This video is generally about designing. I am waiting to learn props and state management. I am passing to next video to learn it. I designed it with your tutorial. Lets see what ll happen in next video.
just started learning react native, without any prior experience learning react... I have a solid understanding of JS and HTML so I am wondering if its possible to learn this without having learnt react. Great Tutorial btw, very clear and much easier to understand than every other large youtuber I have seen!
Hey, great question and thanks for the feedback! If you've got a solid understanding of JS, that's all you need to get started learning React OR React Native. Since React and React Native have very similar base concepts and implementations, once you know one it's easy to learn the other
Hi Thanks for the tutorial however I get a blank screen when I open the web browser, in the console it says "ReactDOM.render is no longer supported in React 18"
Hello, Matt. Nice video, mate! I was applying the knowledge by my self and I got well so far in the state management and different manipulation experiences, however, I am facing a trouble with an error that I cannot resolve at all. It says: cannot be a child node of a . Please, can you help me?
my ios camera says no usable data while scanning the QR code.Tried it with the QR scanner app and says invalid URL. Also cant install xcode for the simulator as is not supported by my macos version. I could open it in the web but please tell me the solution for the mobile. Thanks
I wanted to start this (and actually did) in my VS Code on Arch Linux... but I faced a lot of problems and gave up. I noticed you are using Mac. Maybe the development tools like Xcode cannot be handle on arch linux?
Dude. Go to ‘Settings’ > ‘Playback Speed’ …. Choose from:- 0.5x 0.75x Normal 1.25x 1.5x … Personally, I just watched this @ 1.5x speed as I like to consume as much educational content (like this great vid), as fast as I can!
I need help. After I enter the first command it downloads some stuff and it looks fine. but when using the command "expo" it says "The term 'expo' is not recognized as the name of a cmdlet, function, script file, or operable program." What should I do? Thanks in advance.
Hey, sorry for the delay. To fix that, you may need to install expo. You can find the npm command here - docs.expo.dev/get-started/installation/#installing-expo-cli. Hope that helps!
Thanks! Yeah for sure. So validate the length of the string here's what you can add to the top of the handleAddTask function: if (task.length > 16) { alert("The password is too long!); return; } In the example above, if the length of the task is longer than 16 characters, it will show an alert to the user and return so that it doesn't actually create the task in the list. Let me know if that helps 🙂
This app don't store the data after refresh the app or remove from resents app all the data stored in it is deleted is this need a database or how to store those data in phone memory only help me plzz🙏
That's a great idea for a next video! This one is kept simple to give beginners the chance to learn react native quickly and easily. In the future, I will be making videos which dig deeper into more complex concepts like data storage
What's great about Expo is that you can actually use your phone as a simulator. So when you run "expo start", you should see a QR code show up. Scan that QR code with your phone and it will open up the Expo Go app. From there, it will build your react native app and run it on your device so you get to use it! When developing with react native without Expo, you do need to use a simulator. I'll have a video on that soon covering how to set it up!
If you follow step by step, you should be able to create the todo list app with me as we code together. But if you'd like to see the source code here's the link! github.com/mattfrances/simple...
To do that I’m running the iOS simulator. Using expo, you type in “i” in the vs code command line and it should open it up. Please note that for it to work you need to be on an Apple device. More info here - reactnative.dev/docs/running-on-simulator-ios
I m korean. This video speak in only English. So i skip it first.. but i watch this video now, it s amazing and nice video!! you give me confidence to study rn!!! Thank you very very much!!!!
Nice, short and straight to the point video. Thank you. No bs, no explanation, straight diving into the code and the design, - as it should be! Also kudos for showing how to use Figma tool. Efficient Figma use + React Native = turbo speed in development! Thanks
Great video, well explained and a beautiful UI. Hidden gem of a channel!
Really appreciate it! Let me know if there's every anything you'd like to learn 😁
Glad to see you back, keep it up Matt!
Thanks man, appreciate the support 🔥🚀
the best tutorial ever, rly i was enjoying every minute of this explanation , and wanna find out even more after this one , wish everyone has done the same job, well done and thank you friend
Love it Matt! Love making Todo list apps to learn the basics of a new language/framework
Thanks Tom! Same here, they're one of the first things I try when learning a new framework/technology 😁
I was looking for a good beginner tutorial for a long time, and this was it. Awesome tutorial. ✌️
Thanks so much Hemant that means a lot 🙌
@@MadeWithMatt I completely agree some beginner tutorials are confusing, this helped me so much with my assignment thank you!
I love the react native style sheets that you can use them in the file itself. Reminds me of the styled div components of React.
Yeah same here it's a great developer experience!
"Thank you so much for this video, Nomi! I really appreciated how you explained simple ToDo app in such a clear and concise way. I learned a lot and can't wait to try out it. Keep up the great work!"
what a masterpiece of channel, great video!
Thanks for the comment, I really appreciate it 🙌
Thank you for this video! Honestly I love your teaching style and how thorough the video is!
Thanks for tutorial.
This video is generally about designing. I am waiting to learn props and state management. I am passing to next video to learn it.
I designed it with your tutorial. Lets see what ll happen in next video.
Great video!
I already feel comfortable with react native after watching this.
you explained it in a simplifying way👌👌👌👌best explanation ever❕❕❕
I've been looking for a way to develop iOS apps on Windows 10 without a VM. React and Expo are so cool. Awesome video!
Looking forward to it. Keep it up
Matt!
Thanks for the support and glad you're enjoying the content 🤩
Nice video bruh. Hope your channel grow faster !! Keep doin' it !
Thank you so much 🙌 I'm happy you liked the video 😎
Thanks for this.. very easy to comprehend for a beginner like myself. Much appreciated.
Amazing, glad it helped 😁🎉
Simple and clear tutorial, no bs and straight into points. Wish I found your channel earlier!
I'm vary excited to complete my First mobile app....🤩
Short and to the point , brilliant 👏
Thank you 🙌😁
you almost reach 1000 subs, keep doing, idol!
My mannn thanks for the support 🚀
Loved the way you teach. Keep it up bro. You are my new teacher!
I'm really glad to hear you're enjoying the videos! Thanks for the comment 😁
fantastic video! and your styling is fantastic as well
Great video and you were able to explain it fantastically !!!
Thanks so much man means a lot 😁🚀 Let me know if there's ever something you'd like to learn!
Thank you so much, Great and simple explanation.
thank you so much matt u got a new subsciber !
A very useful lesson for all aspiring softians
Very helpful video for beginners 🔥 great job 👏⭐⭐⭐⭐⭐
This is such an amazing video. Thank you so much.
I really enjoyed this one, thanks!
Glad you enjoyed it thanks for letting me know 😁
Thank you so much for this beginner way like really appreciate it.
Thank You soo Sir much your videos give me a lot of confidence
This was really helpful.
Thanks.
Very well explained. Thanks man!
Really cool! I will try this!!
Well done, Professor
If you receive an security error after installation try this command line:
Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy Unrestricted
And then to check status: expo whoami
Thank you! This solved the issue for me!
Awesome Video!!! Tnks for the help
A great resource for Beginner. Thank you very much
Hey what was the shortcut used at 9:54 where you wrote :{} for one style item and it was automatically written for every item
Ctrl + Click for multiple carets (If it doesn't work try going to Selection > Switch to Ctrl + Click for Multi-Cursor)
Yep exactly! I'm on Mac, and I use Option + click
Thanks for the video! You're a great teacher!
Appreciate it 😁 Glad you liked the video 🎉
Good Job Buddy, Keep them coming..
Thanks so much! I appreciate the comment 🙌
Great video. Thanks man.
I finally understand what a prop is.
Thanks For making a video, need such more video on basic of React Native
Thanks!! More tutorials coming soon 🙂
thankyou so much sir I'm crying you are my saviour
ahahah much appreciated, glad you like it 🙌
Great video to start with thx very much
Good Job !, very well explained thanks man
Thanks so much I'm really happy you like it 😁
thanks for your tutorial! helpful! hope to see your another new mobile tuto!! :)
i just started developping damn! this is good
Wnt more projects like this❤
It helped me so much 👍
Why don’t I have that metro bundler when I use expo start then select w for open on a web browser?
just started learning react native, without any prior experience learning react... I have a solid understanding of JS and HTML so I am wondering if its possible to learn this without having learnt react.
Great Tutorial btw, very clear and much easier to understand than every other large youtuber I have seen!
+following convo. I'm in the same boat.
Hey, great question and thanks for the feedback!
If you've got a solid understanding of JS, that's all you need to get started learning React OR React Native. Since React and React Native have very similar base concepts and implementations, once you know one it's easy to learn the other
thanks for the video bro, saved me from a school job besides giving me a good learning experience.
it cost! like + sub for you.
Thanks so much for the support, glad you found it valuable!
Thanks matt
Any note on deploying to the app store?
awesome video, thank You
Hi Thanks for the tutorial however I get a blank screen when I open the web browser, in the console it says "ReactDOM.render is no longer supported in React 18"
Hello, Matt. Nice video, mate!
I was applying the knowledge by my self and I got well so far in the state management and different manipulation experiences, however, I am facing a trouble with an error that I cannot resolve at all. It says: cannot be a child node of a . Please, can you help me?
I am getting some permissions errors when I try to install global expo-cli. Is anyone else having the same issue?
use ‘sudo’ if you’re using mac or linux.
i use git bash .. vs code unable to run it. And i type in expo init (project name) --template blank
sudo i -g expo-cli
hope this helps 😄
my ios camera says no usable data while scanning the QR code.Tried it with the QR scanner app and says invalid URL. Also cant install xcode for the simulator as is not supported by my macos version. I could open it in the web but please tell me the solution for the mobile. Thanks
You are the Best!
The square in touchable opacity is not coming up. Any suggestions?
Hey Matt, what is that keyboard? It sounds so good.
hey bro, I have problem with "undefined" I did everything but its not gonna solve, I can't write on console. Can you help me?
I tried doing this but have error. It says that file components/Task does not exist...
Thank you so much 🎉❤
You are great man .. Keep it up
Thanks man, really appreciate that 🙌
awesome tutorial. looking forward to more. thanks :-)
great sir thanks you so much.
I wanted to start this (and actually did) in my VS Code on Arch Linux... but I faced a lot of problems and gave up. I noticed you are using Mac. Maybe the development tools like Xcode cannot be handle on arch linux?
Informative video
what is kind of database did you use for this?
sir can we use data database to strore our data , how can we do ?
Love the video! If possible please slow down a bit, it's hard to keep up without pausing the video every 10 seconds. Thank you! 100% subscribing.
Dude.
Go to ‘Settings’ > ‘Playback Speed’ …. Choose from:-
0.5x
0.75x
Normal
1.25x
1.5x
… Personally, I just watched this @ 1.5x speed as I like to consume as much educational content (like this great vid), as fast as I can!
bro you need to make more tutorials !!!
Are you using Android studio for preview app?
Great video and great work! Can i know how do you copy all the styles and put into StyleSheet in one times ?
ALT + Mouse Click (ALT = Option on Mac)
this is amazing thanks
Thanks for watching 🙌
Pls how can i download this app on my phone to use
I need help. After I enter the first command it downloads some stuff and it looks fine. but when using the command "expo" it says "The term 'expo' is not recognized as the name of a cmdlet, function, script file, or operable program." What should I do? Thanks in advance.
Hey, sorry for the delay. To fix that, you may need to install expo. You can find the npm command here - docs.expo.dev/get-started/installation/#installing-expo-cli. Hope that helps!
Try with npm , it should work fine.
Awesome!
what are the tech stack used in this video
you deserve more subs
ahahah thank you 🚀💯🙌
You're the best bro
Thanks bro 👊💯
Great video. I was wondering how would you do the validation of the input length in this case? any advice?
Thanks! Yeah for sure. So validate the length of the string here's what you can add to the top of the handleAddTask function:
if (task.length > 16) {
alert("The password is too long!);
return;
}
In the example above, if the length of the task is longer than 16 characters, it will show an alert to the user and return so that it doesn't actually create the task in the list. Let me know if that helps 🙂
@@MadeWithMatt Thank you! It works!
btw I love your channel, very educational
Very good content; thank you.
can someone tell me the windows shortcut of how he can select MULTIPLE DIFFERENT texts at the same time?
This app don't store the data after refresh the app or remove from resents app all the data stored in it is deleted is this need a database or how to store those data in phone memory only help me plzz🙏
That's a great idea for a next video! This one is kept simple to give beginners the chance to learn react native quickly and easily. In the future, I will be making videos which dig deeper into more complex concepts like data storage
How to setup the simulator? Should we download it separately?
What's great about Expo is that you can actually use your phone as a simulator. So when you run "expo start", you should see a QR code show up. Scan that QR code with your phone and it will open up the Expo Go app. From there, it will build your react native app and run it on your device so you get to use it! When developing with react native without Expo, you do need to use a simulator. I'll have a video on that soon covering how to set it up!
@@MadeWithMatt yeah please do that thank you
I need link to download this app 1:09
If you follow step by step, you should be able to create the todo list app with me as we code together. But if you'd like to see the source code here's the link! github.com/mattfrances/simple...
Great content! One question, can I run IOS simulator on windows? If yes, how?
thank you matt
Thanks for the comment, glad you enjoyed it 😁
I understand how html, css & JS (JUST BASICS) work. Can I jump in straight to React Native?
Also Matt, this was an informative video. Keep creating. Please keep vue.js in to list for video creation. Looking forward to learn more
Super cool video
Thanks, the people like you that are watching are even cooler though 👀🤩
Excuse me, how to show iPhone screen like in the video?
To do that I’m running the iOS simulator. Using expo, you type in “i” in the vs code command line and it should open it up. Please note that for it to work you need to be on an Apple device. More info here - reactnative.dev/docs/running-on-simulator-ios
@@MadeWithMattokay, thank you sir
How can I pass more value in item ?
Thank brother