Thank you very much for this. You and I are almost alike. I can't wait to meet you and hopefully, one day share my own journey. You're really proof anyone can learn how to code through sheer force and determination.
Guys, there is an issue at 01:55:49 when using react-native-dotenv for hiding the weather api-key , that package was upgraded from 0.2.0 to 2.2.0 (that causes some breaking changes) To follow the tutorial please install the package if you are using yarn, like this yarn add -D react-native-dotenv@0.2.0. or if you are using npm npm install --save-dev react-native-dotenv@0.2.0 Alternatively, you can use a different plugin for achieving this like github.com/tusbar/babel-plugin-dotenv-import.
For that, you will need to create an account in expo.io/signup and then you can run expo login, and then you should be able to run expo publish, which will create a new project in expo . To access that project in the ios device you will need to install the expo app apps.apple.com/us/app/expo-client/id982107779 and the sign in with your credentials, the project should be there.
@@computadorhumano949 You can find the generated APK at android/app/build/outputs/apk/app-release. apk. This is the actual app, which you can send to your phone or upload to the Google Play Store........to upload in playstore purchase rights just for $25 and upload hope understand it!
i can not figure out the part around 26:20 . when i insert this: const location = await Location.getCurrentPositionAsync() const {latitude, longitude} = location.coords; alert('Latitude : ${latitude}, Longitude: ${longitude}') it does give me a alert, but not with with coordinates, but only with the message: alert('Latitude : ${latitude}, Longitude: ${longitude}') can somebody help me by any chance? thanks!
I receive the error Network request failed upon the first API call. My code matches the 40 minute mark in the video and I am using the expo app on my iPhone 13 pro.
There are a couple of possible causes for that error, but first make sure you are passing the hooks arguments using curly braces {}; for example: export default function UnitPicker({unitsSystem,setUnitsSystem}){...}, or you might be using a version of react-dom (< 16.8.0) or react-native (< 0.59) that doesn’t yet support Hooks.
My first project in React Native. Let's see what I can learn here. When I done it, what you suggest to do next? I'd like to build an news app with Firebase.
Hi there , I start to watching your chanel becouse I had a problems with react navigation , I had a warnings and it does not work , so I hope this video will help me and I will able to use this simple react Navigation in my project whithout any warnings
Hi, i'm from Brazil. When I try including "import * as Location from 'expo-location';" my app show that it failed to compile. Would you help me? I don't have any idea of how to fiz this issue.
Hey! you can do using the expo cli docs.expo.dev/distribution/building-standalone-apps/#3-start-the-build check the docs , you may also need to create an expo account to download the build
expo init command doesn't work for me in the terminal, i get this error message. ERROR: Node.js v13.12.0 is no longer supported. expo-cli supports following Node.js versions: * >=10.13.0 =12.13.0 =14.0.0
Hey you just need to change your node version, if you are in linux or mac you can easily do it with www.npmjs.com/package/n for windows you can use github.com/coreybutler/nvm-windows
it doesn't show the alert if I do: alert(`Latitude : ${latitude}, Longitude: ${longitude}`); I did everything step by step, set the location and installed expo-location. - Android emulator
The advantages of the emulator is that you can "test" in multiple devices, but acctually our phone will give you a closer feel of how you app behaves. Don't worry , the only problem is if you are targeting specific code to IOS or Android and you need to test that
I keep getting errors and i've been trying this for DAYS. Whenver I write "import * as Location from 'expo-location';" I keep getting errors that Unable to resolve module expo-location from C:\User... Anyone run into a similar problem, I can literally not even start this project. :(
Did you install the package? expo install expo-location If you installed the package you may be having some cache issue then. expo start -c you can run that the next time you start the project to clear the cache, if the issue persists you can delete your node_packages and re install them
Should almost be the same with the react native cli, the only difference migh be that you will need to use @react-native-community/geolocation instead of expo-location
I'm getting this error on importing key from .env App.js: [BABEL] /home/michael/react-native/weather/App.js: Unknown option: .name. Check out babeljs.io/docs/en/babel-core/#options for more information about options.
@@davidhaller2013 I think I found the issue, there was a recent upgrade of react-native-dotenv that is causing this problem Please install the package if you are using yarn, like this yarn add -D react-native-dotenv@0.2.0. or if you are using npm npm install --save-dev react-native-dotenv@0.2.0
For the people watching the video that is just as impatient as am I, put the video at 1.5x and you can kill your anxiety.
Great content Esteban.
Thank you very much for this. You and I are almost alike. I can't wait to meet you and hopefully, one day share my own journey. You're really proof anyone can learn how to code through sheer force and determination.
THIS IS WHAT I WAS LOOKING FOR - I wanted to find a mini crash course that would leave me with a built app at the end! Thank You!!!
Guys, there is an issue at 01:55:49 when using react-native-dotenv for hiding the weather api-key , that package was upgraded from 0.2.0 to 2.2.0 (that causes some breaking changes) To follow the tutorial please install the package if you are using yarn, like this
yarn add -D react-native-dotenv@0.2.0.
or if you are using npm
npm install --save-dev react-native-dotenv@0.2.0
Alternatively, you can use a different plugin for achieving this like github.com/tusbar/babel-plugin-dotenv-import.
@Esteban Please provide details on how we can deploy the app to real iOS devices, without needing to publish to app store.. Thanks..
For that, you will need to create an account in expo.io/signup and then you can run expo login, and then you should be able to run expo publish, which will create a new project in expo . To access that project in the ios device you will need to install the expo app apps.apple.com/us/app/expo-client/id982107779 and the sign in with your credentials, the project should be there.
Hi... I'm having issues fetching data after following everything you did
This is a good starter for anyone who wants to get into React Native. Thanks a lot dude! you're rock! 🤘🏼
I am only at 15:45 and I love your relaxed teaching methid. Honestly, I like the layouting and styling concepts of RN a lot better than HTML.
I'm having issues fetching data.. do you know why?
Great Tutorial, Esteban!! Congratulations!! Greetings from Colombia. Subscribed and reccomended your channel!!
Gracias Jorge Saludos!
@@EstebanCodes thanks it's really helping
Amazing!
Greetings from Finland!
Thank you! Cheers!
Your sweater is amazing. Good job. 10/10
your english is great and i like your vibe! keep it up!
Greetings from South Africa.
Thank you, friend!!!! Super-super helpful!
Thank you, dear
Thank you ! yeah more comming
Insightful and easy to follow along, Esteban. Thanks, and well done 👌👏
asombroso hermano!!
Thank you very much, without your example I would not have succeeded !!
Thank you for the tutorials! Probably ill try it later :D
Love the sweater bro.
play speed = 1.5x..... And now perfect
Very good channel, thank you!
Good stuff man. Thanks a whole bunch!
Great Content Keep Up the good work !
Next video: Deploying a React Native app to Playstore or App Store.
Where is video, release out?
@@computadorhumano949 Not yet.
ok
@@computadorhumano949 You can find the generated APK at android/app/build/outputs/apk/app-release. apk. This is the actual app, which you can send to your phone or upload to the Google Play Store........to upload in playstore purchase rights just for $25 and upload hope understand it!
Thanks for making this amazing course!
Glad you like it!
Thank you for this Esteban, keep it up and god bless.
Gr8 tutorial, thank u, Esteban!!
Glad you liked it!
Really nice tutorial.
Very instructive !! God bless you
03:30 mac users use the "sudo npm install -g expo-cli" instead
Liked & Subscribed, good job. Thanks.
Awesome, thank you!
Thank for this video please make it more. Now, I'm learning react native. Anyways, I really appreciate with your video.
Great work buddy...👍
Latest React Native version 0.63.0 features:
Pressable: ua-cam.com/video/MLgmJCWyFmk/v-deo.html
PlatformColors: ua-cam.com/video/OM7lQd-lsL0/v-deo.html
Nice job thank you!!
Great tutorial
Thank you for your effort, It's very helpful
Glad it was helpful!
yes, but he is crying
Love from Nepal
mmm love your voice cracks
I got an error trying to install the first thing you instructed us to install in the terminal. Will this hamper the tutorial?
Hi, why can't i install the expo-location? it says it couldnt be found on the project
Thank u nice tutorial
nice,
keep it up
Thank you so much... Very helpful
Thank you for this
No problem 😊
i can not figure out the part around 26:20 . when i insert this:
const location = await Location.getCurrentPositionAsync()
const {latitude, longitude} = location.coords;
alert('Latitude : ${latitude}, Longitude: ${longitude}')
it does give me a alert, but not with with coordinates, but only with the message:
alert('Latitude : ${latitude}, Longitude: ${longitude}')
can somebody help me by any chance?
thanks!
I think you need to use backticks `` instead of '' so it will be something like
alert(`Latitude : ${latitude}, Longitude: ${longitude}`)
This video is really informative. Thank you!
Sir (Is different from) on 22:09 how do you make that symbol?
!==
Awesome Content
I receive the error Network request failed upon the first API call. My code matches the 40 minute mark in the video and I am using the expo app on my iPhone 13 pro.
Thank you for the video
Thanks for watching!
Hey bro I have an issue in installation of expo-cli can you please help me out?
Nice video sir
which snippets are you using
Thank you!
43:03 must be cold out there
thank you, it's helpful for me.
Glad it helped!
My alert is not showing anything...Can you please help on this. I follow exactly your code
Am following this tutoring. The problem is that. That longitude and latitude is not loading in my Android device why? Plzzzz. Help me...
I'm getting this error "TypeError: setUnitsSystem is not a function" at 1:09:12 when I tried to change to Cº
Help please, I'm new to react native :(
There are a couple of possible causes for that error, but first make sure you are passing the hooks arguments using curly braces {}; for example:
export default function UnitPicker({unitsSystem,setUnitsSystem}){...}, or you might be using a version of react-dom (< 16.8.0) or react-native (< 0.59) that doesn’t yet support Hooks.
@@joseaquezada7386 Thank you so much, it was both of the problems you described, it works now!
Thank you
Thank you.
i have an error in ios simulator, unhandled js exception typeerror null is not an object evaluating t.prevent
Is its Fetches random wheather data
My first project in React Native. Let's see what I can learn here. When I done it, what you suggest to do next? I'd like to build an news app with Firebase.
Can I upload app from Windows 10, Im making with React native? thanks
Hi there , I start to watching your chanel becouse I had a problems with react navigation , I had a warnings and it does not work , so I hope this video will help me and I will able to use this simple react Navigation in my project whithout any warnings
I am having problem sir.. can you please help..??
thanks bud
Brother great react native tut are you a freelancer or doing job
Thanks for this video!
Do you know how to send files by email using firebase with expo?
Can it will run with react native cli
Please help me!
My weather icon is not displaying.
Hi, i'm from Brazil.
When I try including "import * as Location from 'expo-location';" my app show that it failed to compile. Would you help me?
I don't have any idea of how to fiz this issue.
have you install that package?
tenta atualizar o expo ou o nodeJS, sempre tenta manter eles atualizados
Thank you for tutorial.
What is the Vscode theme?
Hey it is this one marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple
Hello Esteban bro, i have question: how can i convert my react-native app to apk version to install or share others?
Hey! you can do using the expo cli docs.expo.dev/distribution/building-standalone-apps/#3-start-the-build check the docs , you may also need to create an expo account to download the build
expo init command doesn't work for me in the terminal, i get this error message.
ERROR: Node.js v13.12.0 is no longer supported.
expo-cli supports following Node.js versions:
* >=10.13.0 =12.13.0 =14.0.0
Hey you just need to change your node version, if you are in linux or mac you can easily do it with www.npmjs.com/package/n for windows you can use github.com/coreybutler/nvm-windows
De donde eres?
it doesn't show the alert if I do:
alert(`Latitude : ${latitude}, Longitude: ${longitude}`);
I did everything step by step, set the location and installed expo-location.
- Android emulator
did you find a solution for this, cant figure it out. Thanks!
Thanks
Hey i'm unable to run emulators on my laptop because of VT-X. Should i be worried or stick to using the QR code for all my cross platform projects?
The advantages of the emulator is that you can "test" in multiple devices, but acctually our phone will give you a closer feel of how you app behaves. Don't worry , the only problem is if you are targeting specific code to IOS or Android and you need to test that
how to solve this problem bro?
Development-level warnings: ON.
Performance optimizations: OFF.
I keep getting errors and i've been trying this for DAYS.
Whenver I write "import * as Location from 'expo-location';" I keep getting errors that
Unable to resolve module expo-location from C:\User...
Anyone run into a similar problem, I can literally not even start this project. :(
Did you install the package? expo install expo-location
If you installed the package you may be having some cache issue then.
expo start -c
you can run that the next time you start the project to clear the cache, if the issue persists you can delete your node_packages and re install them
@@EstebanCodes Omg that worked! Thank you! But when do you do that in the video? I must've missed it.. Regardless, it's working now! :D
Nvm, it's at 18:43... i'm just a bad listener lol
Good example, but too many unnecessary divs/Views. If you open this app on the browser and inspect the DOM tree..
please tell the theme of VS code
For this project is this one
marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple
Plz use background white theme for better understanding code
thumbs up
suscribed can you to make a delivery food please
Cuanto cobras por una tutoria_acompañamiento gracias
Please make THIS VIDEO with REACT NATIVE WITHOUT EXPO
Should almost be the same with the react native cli, the only difference migh be that you will need to use @react-native-community/geolocation instead of expo-location
How do I fix this issue node_modules/expo/AppEntry.js: [BABEL] ? github.com/hvaandres/WeatherApp_React
Hi
const location = await Location.getCurrentPositionAsync();
wait forever why do this :)
I'm getting this error on importing key from .env
App.js: [BABEL] /home/michael/react-native/weather/App.js: Unknown option: .name. Check out babeljs.io/docs/en/babel-core/#options for more information about options.
Hey , How does your babel.config.js looks like ?
@@EstebanCodes module.exports = function (api) {
api.cache(true);
return {
presets: ['babel-preset-expo', 'module:react-native-dotenv'],
};
};
@@davidhaller2013 I think I found the issue, there was a recent upgrade of react-native-dotenv that is causing this problem
Please install the package if you are using yarn, like this
yarn add -D react-native-dotenv@0.2.0.
or if you are using npm
npm install --save-dev react-native-dotenv@0.2.0
@@EstebanCodes -> yarn add -D react-native-dotenv@0.2.0
works for me :)
Watch in 1.25x speed
you are falling asleep in 3...2...1...
I followed the tutorial for about 26 minutes, I couldn't see the Alert of Latitude and Longitude on my emulator.
Hi..Do you able to find out the solution?
Rajat bhai real ID se aa na 😂😂😂
parei no 1:55:00
difficult to understand your explanation
make app chat react native + firebase
you sound like ben awad