This is a great video! I decided to work with Expo instead of bare React Native 😊 I few things have changed in the last year but nothing super crucial that I wasn't able to figure out. Thank you for creating such an easy to follow content.
I dont think this works anymore the part about link. npx react-native link. If you get an error, try this instead:npx react-native-asset link it seems has been deprecated
Which db is best & widely used with react native apps..i am web developor & just started react native apps but unable to decide as i was using & the rest of developers too is using mysql with laravel & sql server with .net etc.
really nice matt.. but i got a problem.. all the icon from Entypo or MaterialCommunityicons are not show up.. how can i replace it with image from asset folder?
Hey! Are you on Android, if yes it might be because I forgot to include a few steps in the video 😬(sorry about that). Check out these steps which will guide you through the android setup: github.com/oblador/react-native-vector-icons#android
Otherwise, you can always download the icons as PNG and insert them using the tag in react native by adding them in the assets folder and importing them in the file you'd like to use them!
Hey Matt, Great Great Quality Tutorials 🖤, I'm very new to rn and js do you recommend Expo or Cli for learning and creating small to mid size projects? Thx
Great question! I'd recommend Expo. Using Expo gives you less to worry about and is generally easier to use for small and medium projects. Best of luck with what you're working on 🚀
Yeah definitely! Will get that one out asap 👍 In the meantime though, here's a link that could help reactnative.dev/docs/running-on-simulator-ios. On ios, it should just be " npx react-native run-ios " or " npm run-ios ", but sometimes it's tougher to get it running the first time around
Matt, I noticed that when I used npx react-native link, the files did not link. I also tried npx react-native-assets and npx react-native-assets link but none of them worked. I used React Native for my project, not Expo, so I'm not sure what's going on. Could you help? Thanks for your time and the video (it was great!)
Can you please tell me how? I'm not really sure. It throws an error when I apply the CLI commands he says to use. But that's probably because I haven't installed React Native yet.
Amazing Matt 😄 i started designing really good ui's in react native BUT some issues as i found not purely visible on youtube is 1. Carousel with Pagination 2. Change state of button "text" or any element after onPress (basically changing CSS onPress) it will be really really helpful if after this playlist you can guide us 🤓 Thankyou so much
That's awesome! Send over your ui's if ever you publish them, would love to take a look 😀 I'll make some videos on those topics as soon as this playlist is up! In the meantime though, check out my Onboard UI video and let me know if that's what you need for the carousel with pagination -> ruclips.net/video/A__XR8xNi-g/видео.html
Great work Matt! I just found your videos and they are amazing! Thanks! I am not sure if you answered this in the first video, but why not just keep one image instead of having a smaller version for the card and the large one for the detail screen?
I'll be honest with you, I don't exactly remember! I think it might've been something about the image getting pixelated, but looking back on it I think one image would have been fine. Thanks for pointing it out 👍
I noticed that in your videos you prefer to use margin (e.g. 20) to give all elements some space from the edge of the device. How come you prefer this to having a container with padding around everything?
It would be nice to have a video with your setup. Couldn't understand quite well that lambda function but I am really interested on it. Great videos btw. Thanks
@@adnanamin1843 YES!! Just to be sure you mean the basics of react native right? I'm thinking of having a bunch of videos to help people get into react native (for ex: the basics of certain complicated components, the basics of styling, getting a simulator up and running, and much more!)
Hi Matt, after adding the fonts, there was an error after inserting npx react-native. it says error not recognizing command link. what should i do? is it because i used expo? I'm sorry if my question does not make sense. I'm still learning.
No worries, it's always great to ask questions! This tutorial isn't using expo, so there is a chance that's why you're seeing the error. Luckily for you though, it's even easier to set up expo with google fonts - you can check out the documentation here docs.expo.io/guides/using-custom-fonts/
Cool! Thanks for letting me know. I’m the next couple of months I’d love to get a course out. If I do you’ll see it show up on the channel and it would be great to get your feedback
If you mean something like this - dribbble.com/shots/10003430-Contact-App-Floating-bottom-navigation - you'd have to make a custom tab navigator component. It's not too complicated to do, lmk if you'd like to see a video about that to help!
@@MadeWithMatt i tried and its done just stuck with 1 thing - **when i put position absolute - it will not accept align center, automatically goto starting position **without absolute its fine - but i need with absolute position centered
Hmm I see, if I understand correctly, you're having trouble placing the Tab Navigator at the bottom center to make it look like it's floating (correct me if I'm wrong). I'll make a video on that in the near future, but in the meantime check out this stack overflow solution and let me know if it works! stackoverflow.com/a/57775706/13110687
@@adityashinde3864 Perfect, thanks for letting me know! The rest of this series has already been pre-recorded, but every video afterwards will be a bigger font 🙂
![Locofy.ai | Figma design to React Native travel app in 19 mins with Locofy [Quick Build]](http://i.ytimg.com/vi/Moz1GVjXy3E/mqdefault.jpg)
This is a great video! I decided to work with Expo instead of bare React Native 😊 I few things have changed in the last year but nothing super crucial that I wasn't able to figure out. Thank you for creating such an easy to follow content.
Amazing !
Thanks! Happy to see you enjoyed it 😁🔥
Will you please mention the name of extension of shortcuts?
very great and clever programmer thanks for making this series
Hey Matt, it was nice tutorial. Would you mind making another tutorial working with database?
Thanks, I'm glad you enjoyed it!! Yes absolutely, I'm thinking of making something to do with fetching data from an API soon and also a database 💯
I dont think this works anymore the part about link. npx react-native link. If you get an error, try this instead:npx react-native-asset
link it seems has been deprecated
Thanks for sharing!!!
Which db is best & widely used with react native apps..i am web developor & just started react native apps but unable to decide as i was using & the rest of developers too is using mysql with laravel & sql server with .net etc.
Thanks for the video! For future videos could you zoom in or make the font size bigger so it's easier to read, thanks💯
Will do, thanks so much for letting me know and thanks for watching 🚀
really nice matt.. but i got a problem.. all the icon from Entypo or MaterialCommunityicons are not show up..
how can i replace it with image from asset folder?
Hey! Are you on Android, if yes it might be because I forgot to include a few steps in the video 😬(sorry about that). Check out these steps which will guide you through the android setup: github.com/oblador/react-native-vector-icons#android
Otherwise, you can always download the icons as PNG and insert them using the tag in react native by adding them in the assets folder and importing them in the file you'd like to use them!
is this writed on Visual studio code?
excellent.
Hey Matt, Great Great Quality Tutorials 🖤, I'm very new to rn and js do you recommend Expo or Cli for learning and creating small to mid size projects? Thx
Great question! I'd recommend Expo. Using Expo gives you less to worry about and is generally easier to use for small and medium projects. Best of luck with what you're working on 🚀
@@MadeWithMatt Hey matt, I have one question regarding the expo, how do I use npx react-native link in expo CLI??
Can you make a video how to set up the emulator to test the app ?
Yeah definitely! Will get that one out asap 👍 In the meantime though, here's a link that could help reactnative.dev/docs/running-on-simulator-ios. On ios, it should just be " npx react-native run-ios " or " npm run-ios ", but sometimes it's tougher to get it running the first time around
@@MadeWithMatt thanks
how to open this project with expo ???
Matt, I noticed that when I used npx react-native link, the files did not link. I also tried npx react-native-assets and npx react-native-assets link but none of them worked. I used React Native for my project, not Expo, so I'm not sure what's going on. Could you help? Thanks for your time and the video (it was great!)
What extensions do you use for that beautiful folder hover animation? Would love to have that in VS Code myself!
Figma balls
you need to download and apply react native first
Can you please tell me how? I'm not really sure. It throws an error when I apply the CLI commands he says to use. But that's probably because I haven't installed React Native yet.
Amazing Matt 😄 i started designing really good ui's in react native BUT some issues as i found not purely visible on youtube is
1. Carousel with Pagination
2. Change state of button "text" or any element after onPress (basically changing CSS onPress)
it will be really really helpful if after this playlist you can guide us 🤓 Thankyou so much
That's awesome! Send over your ui's if ever you publish them, would love to take a look 😀
I'll make some videos on those topics as soon as this playlist is up! In the meantime though, check out my Onboard UI video and let me know if that's what you need for the carousel with pagination -> ruclips.net/video/A__XR8xNi-g/видео.html
@@MadeWithMatt www.linkedin.com/posts/zaybei_reactjs-reactdeveloper-reactnative-activity-6743893188173414400-4cxE
posted on LinkedIn - code and figma design shared 🤘
@@dopeladd Wow! Looks amazing! Keep up the great work 👍
Matt, I have difficult to run it on windows.
Oh my god.... So thanks , man)
Really you're the best❤
Great work Matt! I just found your videos and they are amazing! Thanks! I am not sure if you answered this in the first video, but why not just keep one image instead of having a smaller version for the card and the large one for the detail screen?
I'll be honest with you, I don't exactly remember! I think it might've been something about the image getting pixelated, but looking back on it I think one image would have been fine. Thanks for pointing it out 👍
@@MadeWithMatt gotcha ya! Thanks again man!
I noticed that in your videos you prefer to use margin (e.g. 20) to give all elements some space from the edge of the device. How come you prefer this to having a container with padding around everything?
It would be nice to have a video with your setup. Couldn't understand quite well that lambda function but I am really interested on it. Great videos btw. Thanks
1 nit is the drop shadow for the bottom tab navigator, which can simply be added similar to the later parts of the series.
Thanks Matt! I'm learning react and you really help me a lot!
Appreciate the comment, and very happy I could help out 😁
BRO! Keep it up! Really loving it. 😍 I've been watching these instead of watching movies. :D
Great! Keep 'em coming! 👌
Ahahaah bro I really really appreciate it means a lot to me!! Ngl I do the same all the time lol
Bro, is there going to be a beginner friendly series? Coming up soon? Would love that BTW. 😍
@@adnanamin1843 YES!! Just to be sure you mean the basics of react native right? I'm thinking of having a bunch of videos to help people get into react native (for ex: the basics of certain complicated components, the basics of styling, getting a simulator up and running, and much more!)
Exactly, Matt! That's what I meant to say. 😊
Thank you so much for yout hardwork! Much appreciated!! ✌️
@@adnanamin1843 It's support like yours that keeps me going! 😁😁
Hi Matt, after adding the fonts, there was an error after inserting npx react-native. it says error not recognizing command link. what should i do? is it because i used expo? I'm sorry if my question does not make sense. I'm still learning.
No worries, it's always great to ask questions! This tutorial isn't using expo, so there is a chance that's why you're seeing the error. Luckily for you though, it's even easier to set up expo with google fonts - you can check out the documentation here docs.expo.io/guides/using-custom-fonts/
Can't stop binging on all your playlists...Thanks for your awesome work
I really appreciate it, thanks so much for the comment 🙌 I'm really happy you enjoy the playlists 🚀
need complete RN course pleaseeeeeee
What topics would you like to see covered in a RN course?
@@MadeWithMatt sir i am currently in JS course and want to become app dev using react i need from basics to advance as app developer need
Cool! Thanks for letting me know. I’m the next couple of months I’d love to get a course out. If I do you’ll see it show up on the channel and it would be great to get your feedback
@@MadeWithMatt thank you so much waiting for that precious course
Need More React Natives Matt!!! Thanks A lot
I appreciate the comment, coming soooon 😁
great - i just have one question on Tab Navigator, can we put marginTop also ? to give it kind of levitating effect - i will practice this tomorrow
If you mean something like this - dribbble.com/shots/10003430-Contact-App-Floating-bottom-navigation - you'd have to make a custom tab navigator component. It's not too complicated to do, lmk if you'd like to see a video about that to help!
@@MadeWithMatt i tried and its done just stuck with 1 thing -
**when i put position absolute - it will not accept align center, automatically goto starting position
**without absolute its fine - but i need with absolute position centered
Hmm I see, if I understand correctly, you're having trouble placing the Tab Navigator at the bottom center to make it look like it's floating (correct me if I'm wrong). I'll make a video on that in the near future, but in the meantime check out this stack overflow solution and let me know if it works! stackoverflow.com/a/57775706/13110687
@@MadeWithMatt doesn't work - cant center align bottom tab navigator
@@dopeladd Hmm alright I've never done it myself so I'm not exactly sure how to do it, but will make a video on it soon!!
Thank you so much.
Happy you enjoyed it!! 🤩
Thanks Matt ✨
Thanks for the comment, and I'm really glad you enjoyed it 😁🚀
increase your font size.
Sure! Do you mean in my VS Code or my app font size?
@@MadeWithMatt vs code font size.
@@adityashinde3864 Perfect, thanks for letting me know! The rest of this series has already been pre-recorded, but every video afterwards will be a bigger font 🙂
Subscribe done dear Matt