Are you kidding me!! Today I had an interview and I was asked if I can differentiate between React and react native and I answered I don't have a knowledge in react native...4 hours later you make a full course on that...thanks man
I swear I was looking for a React Native tutorial today Thank You so much for this....I'M nine minutes in and I can already tell what a gem this ...What a great teacher🙏
Finally after many days of debugging, debugging and more debugging, I've finished the app! This is my first time using React Native, and actually React itself, but you made this course so easy to understand and follow along. It's very motivating to have a working app beyond all the frustrating lines of errors. Thank you, Emma!
You are a great teacher! I have never enjoyed an IT course as much as this one. Your teaching style is easy to understand and you simply concepts so well. I look forward to more content from you for freeCodeCamp. Thank you!
I have been a developer for 3 years, there was not a single tutorial where i didnt encounter a bug until this one, this is so perfectly done THANK YOU!!
Wow, this course comes at the right time when I'm learning about React Native. I am a 3rd year university student and am planning to do an internship in mobile software development, really thanks to FCC and author Emma Williams. Big thanks from Vietnam 🥰.
If you have problem with dotenv, dont use import statement. Access from process, like const api_key = process.env.expo_api_key, also in the .env add expo before the name, dont know if its requred like in vite for example, i added it because thats in the expo documentation.
Fantastic course! Commited a day to complete it and very glad I did. Recently I've been working on a project using Flutter and I'm just not really enjoying working in the framework, however React Native seems clearer to use to me so I'll certainly be re-writing! Thank you for the thorough course, I've coded along so I'm going to use the knowedge to tweak my Weather App more and experiment 💪
Absolutely phenomenal course! The instructor's clarity and depth of knowledge in React Native made complex concepts easy to grasp. Each tutorial was well-structured, with practical examples that really helped solidify the learning. Highly recommend this course to anyone looking to dive deep into mobile app development with React Native. Great job! 👍📱
I just watched a few minutes, and can already tell this is IT! I am starting to learn Apps, and didn't want anything to do with webview due to performance reasons, but at the same time I didn't want to go full native, and have to develop separate apps for Android and IOS. This seems like the perfect solution. Code makes sense too. And finally a presenter that speaks ENGLISH! I am IN!
Awesome tutorial. The best one actually. From typing everything from the scratch to intentionally leaving bugs so you can explain how to debug, amazing! I felt very confident after completing this tutorial!
Just Completed the complete course and hand down this is one of the best reactnative courses out there , your explanation was on point and the amazing coding techniques were a cherry on the top , loved every bit of it
@@yyyd6559 Yeah, I learned JS and currently practicing with React in the meanwhile. I discovered that React was the right choice for my purpose. Thank you!
The setup for this is brutal. You go through so many prompts without saying WHY we are using the defaults and you do not explain what certain components are. You also say in the very begging that you aren't using Code and then all of a sudden you are?
if your getting an error that says location is null, then add a check like: if(location){ //rest of code } just so the fetch weather function doesn't get ran when location hasn't been set yet
This is an excellent video, I really appreaciate your approach, even if it means having to type out every single word, but some of it after a while that can become a little daunting for the viewer. what I mean by that, there is a plugin in vs code called simple react snippets that lets us emmet some of our react code so that we can use shortcuts to type out some react code. For example: 'imr + tab' creates import React from 'react' 'sfc' + tab' creates const NameOFComponent =()=>{ return( ); } export default NameOfComponent; sfc - stateless functional component Aside from this little detail, your video is by far the best react native video I have ever seen. I have searched high and low for a very good comprehensive 'not banging my head against a wall' type of tutorial. I also have to commend your approach for how you break down your code in such a way to keep everything tidy and clean. That is the mark of a true developer.
Good course , but I think you should have developed with the emulator side by side so we can see the changes in style etc in real time. This way you take advantage of hot reload.
The most amazing course EVER! Very well explained. learning Javascript has never been so easy! Thanks to this video I'm now able to create my first IOS app
This was a great tutorial! 😁 Please consider a follow up intermediate and advanced series 🤞on this or some other platform. You have a good teacher style and nice cadence. Thanks
Took me along time to get the ract native CLI app up and running, realised I had to download java and get java and android into my envrionmental variables! Hope it pays off and its not all just on the expo app
Good content 👌 and explanation, but very hard to keep up as a newb. I've seen some other teaching styles which first show a result screen and then explain how to get there which gives some insight into the thought process of how to build something you can imagine, here it feels like I'm only following some script which ends up with something??, can't really tell if the result is expected or just how it looks without any styling, does it need more tweaking?. In short does not leave enough room for me to pause and explore the solution on my own. Had to spend 4+ hours for the first 40 mins. To people who feels this is a complaint, no it's not, just some feedback that i hope helps.
Thanks, Emma Ma'am and the freeCodeCamp to provide this superb React Native tutorial, I have watched many videos but none helped but this one did. Thank you so much.
I'm enjoying the course so far. However, I am having trouble with "SafeAreaView". After some research, it appears it is only available on IOS devices(v11 or later). Since I am using an Android (v10), I can not use this feature. I have not been able to find another way to fix my problem of the text being blocked by the top phone header. I could probably fix it by adjusting the padding, but as you said in the video, this is not a good idea. Since it will look different on different devices. It should be noted I am using the expo app on my phone (Instead of an emulator) to view the render from react native. Has anyone else found a work around for this? If I figure it out, I will be sure to update my comment with a solution for others.
I saw this video course while trying to make simple apps in android studio and I said why not make crossplatform apps, but My brain burned in the first 15 minutes...🤯🤒🥵🥵
Did they modify this video? I remember her going in detail about how to install and configure watchman and don't remember her doing some of the things she just did in the beginning... Also I remember this video having links to the materials mentioned.
Please what were the things you had to debug? What issues did you face that warranted the debugging? Because I am facing an issue here presently. Mine us saying HAXM is not installed, when I am sure as hell it is
Nice tutorial, many thanks. Is it necessary to import React, if we just add .tsx extension to files? Is it common to use Typescript instead of JS with React Native?
Recent versions of RN does not need React to be explicitly imported, also use TS wherever possible, if you get to the habit of using TS instead of JS you're gonna catch bugs earlier and quicker.
I love the tutorial, but, my biggest problem was finding things she got from the open weather site e.g the JSON she copied from the open weather site at around 1:05:00 in the video has different content and structure from mine yet I followed the URL to the web page according to her screen.(I think they changed it). Now I am having issues.
Are you kidding me!! Today I had an interview and I was asked if I can differentiate between React and react native and I answered I don't have a knowledge in react native...4 hours later you make a full course on that...thanks man
OMG!! 😂 So can you tell us which company it was and about the Job Role??
@@screenofmohar2860 it was a startup...for full stack developer
@@Avatar-Roku Understood, thanks bro for the response 🙃✌️
Why people hiring fullstack developer for junior level? That's insane spec
Good luck ❤
I swear I was looking for a React Native tutorial today Thank You so much for this....I'M nine minutes in and I can already tell what a gem this ...What a great teacher🙏
x2...
this is like the 5th tutorial i've tried for react native and finally one that's not outdated, thank god
Guys, you have no idea how you help tons of people. God bless you!
Finally after many days of debugging, debugging and more debugging, I've finished the app! This is my first time using React Native, and actually React itself, but you made this course so easy to understand and follow along. It's very motivating to have a working app beyond all the frustrating lines of errors. Thank you, Emma!
whats the diff between react and react native?
@@hatty101 react native is for the front end of mobile applications while react is for web applications
@@hatty101 One is for web browsers (chrome, mozilla, edge) and the other is for mobile devices (phone, tablet).
You are a great teacher! I have never enjoyed an IT course as much as this one. Your teaching style is easy to understand and you simply concepts so well. I look forward to more content from you for freeCodeCamp. Thank you!
Compsci / programming. Not IT
I have been a developer for 3 years, there was not a single tutorial where i didnt encounter a bug until this one, this is so perfectly done THANK YOU!!
Wow, this course comes at the right time when I'm learning about React Native. I am a 3rd year university student and am planning to do an internship in mobile software development, really thanks to FCC and author Emma Williams. Big thanks from Vietnam 🥰.
2k2 đúng hong bạn?
@@buiducphat Hi bạn, mình 2k2 😁
If you have problem with dotenv, dont use import statement. Access from process, like const api_key = process.env.expo_api_key, also in the .env add expo before the name, dont know if its requred like in vite for example, i added it because thats in the expo documentation.
Accessing from process works, thanks!
Fantastic course! Commited a day to complete it and very glad I did. Recently I've been working on a project using Flutter and I'm just not really enjoying working in the framework, however React Native seems clearer to use to me so I'll certainly be re-writing! Thank you for the thorough course, I've coded along so I'm going to use the knowedge to tweak my Weather App more and experiment 💪
mind if i ask which is harder between flutter/react native ?
@@tarakbelhiba3168 depends ...if you know fundamentals both are pretty easy. Personaly I find flutter easier but react native is also easy to pick up
thats the error m getting
Absolutely phenomenal course! The instructor's clarity and depth of knowledge in React Native made complex concepts easy to grasp. Each tutorial was well-structured, with practical examples that really helped solidify the learning. Highly recommend this course to anyone looking to dive deep into mobile app development with React Native. Great job! 👍📱
Thank you for always providing courses like these, you guys are treasures.
I just watched a few minutes, and can already tell this is IT! I am starting to learn Apps, and didn't want anything to do with webview due to performance reasons, but at the same time I didn't want to go full native, and have to develop separate apps for Android and IOS. This seems like the perfect solution. Code makes sense too. And finally a presenter that speaks ENGLISH! I am IN!
Awesome tutorial. The best one actually. From typing everything from the scratch to intentionally leaving bugs so you can explain how to debug, amazing!
I felt very confident after completing this tutorial!
I never comment, but this is an outstanding course, very clear. To the instructor , keep making videos!
Just Completed the complete course and hand down this is one of the best reactnative courses out there , your explanation was on point and the amazing coding techniques were a cherry on the top , loved every bit of it
what kind of apps can you build now that you have completed this course?
can you code figma level design after this course?
Do you need any basics of other languages (like JS or ReactJS) to follow the course?
@@PizzoLab You need to know js first
@@yyyd6559 Yeah, I learned JS and currently practicing with React in the meanwhile.
I discovered that React was the right choice for my purpose.
Thank you!
One of the best UA-cam tutorials I have ever watched
When adding the location functionality to the app at 3:43:50, don't forget to add the parenthesis after requestForegroundPermissionsAsync.
thank you so much, saved me
The setup for this is brutal. You go through so many prompts without saying WHY we are using the defaults and you do not explain what certain components are. You also say in the very begging that you aren't using Code and then all of a sudden you are?
Loved every second of this React Native tutorial! completed it after some time due to some roadblocks but came back to it and nailed it. thanks!
mi cerebro explotó cuando escuché el acento británico jaja, me encantó el curso!
if your getting an error that says location is null, then add a check like:
if(location){
//rest of code
}
just so the fetch weather function doesn't get ran when location hasn't been set yet
This is an excellent video, I really appreaciate your approach, even if it means having to type out every single word, but some of it after a while that can become a little daunting for the viewer. what I mean by that, there is a plugin in vs code called simple react snippets that lets us emmet some of our react code so that we can use shortcuts to type out some react code. For example:
'imr + tab' creates import React from 'react'
'sfc' + tab' creates const NameOFComponent =()=>{
return(
);
}
export default NameOfComponent;
sfc - stateless functional component
Aside from this little detail, your video is by far the best react native video I have ever seen. I have searched high and low for a very good comprehensive 'not banging my head against a wall' type of tutorial.
I also have to commend your approach for how you break down your code in such a way to keep everything tidy and clean. That is the mark of a true developer.
Good course , but I think you should have developed with the emulator side by side so we can see the changes in style etc in real time. This way you take advantage of hot reload.
The most amazing course EVER! Very well explained. learning Javascript has never been so easy! Thanks to this video I'm now able to create my first IOS app
You keep what you promise! many thanks I was expecting this one!
Excellent! Watching this after getting a React native junior role!
This is an amazing course. I finally got to learn react native in a day. I was hiding behind flutter, i am glad i watched this.
This was a great tutorial! 😁 Please consider a follow up intermediate and advanced series 🤞on this or some other platform. You have a good teacher style and nice cadence. Thanks
damn ... the react native and react js are so much fun to use , thanks for your help
This tutorial is worth mora than $100. Thank you. and may god bless you for everything.
This was a great introduction to React Native! I'm excited to learn more and more
Can we get a newer flutter course too, please? 🙏
I've done other YT tutorials and courses on codecademy and this is by far the best! Well done!
Great teaching by the great lady!! Awesome lecture.Thank you from the bottom of my heart!!
Thank you so much, Need More & More React Native Advanced Project
Took me along time to get the ract native CLI app up and running, realised I had to download java and get java and android into my envrionmental variables! Hope it pays off and its not all just on the expo app
I was looking react native course with last update and now you posted this wow😮
it's been three days and i'm still stuck in the basic configurations of eslint and prettier .
i get tons of errors....
Please make a detailed course on graphql Apollo server and client
Excellent course for beginners
Great explanation with examples ❤❤❤❤❤
That was a great introduction to RN! Thank you guys!
Great course ! Thank you !
Thanks, i was looking for a short and good react native 😊
Thanks guys!!! I was expecting this course from you :D
Can someone provide tips for Android based phones instead of X-Code and iPhone based iOS ??
One thing I know of is Expo for sure, what else ?
Just finished the course, great material
Good content 👌 and explanation, but very hard to keep up as a newb. I've seen some other teaching styles which first show a result screen and then explain how to get there which gives some insight into the thought process of how to build something you can imagine, here it feels like I'm only following some script which ends up with something??, can't really tell if the result is expected or just how it looks without any styling, does it need more tweaking?. In short does not leave enough room for me to pause and explore the solution on my own.
Had to spend 4+ hours for the first 40 mins.
To people who feels this is a complaint, no it's not, just some feedback that i hope helps.
thank you 🙏, really awesome course for beginners
Amazing course
Thank you so much guys❤
Hello, I really liked your method, it is very educational.
I'm waiting for SwiftUI course., please🎉
upload an updated flutter course also pls. it would be great if you do that.
Much needed change. Must watch.
There should be Update at 26:59 as we need react-native-safe-area-context module to implement it in latest.
Patiently waiting for Ionic Tutorial
Nice tutorial by the way
Thanks for the tutorial but it is not easy to follow from your screen and some steps has been skipped. It cost alot of time to do other search.
The beginning of this video is so confusing. How exactly did you get all of the files set up in the weather app?
7minutes in and I'm already lost
Thanks, Emma Ma'am and the freeCodeCamp to provide this superb React Native tutorial, I have watched many videos but none helped but this one did. Thank you so much.
Thank you for the free to use pictures! 😊
Excellent content and it would have been super great if done with bare react native without expo 🎉
Expo on my phone doesn't seem to be load the app and complains about the socket timeout. Anyone knows how to fix this issue?
I had a problem like this too. I think the solution is doing expo-cli start --tunnel instead of npm start
best react native tutorial for begginers😇
damn
I spent 1:30 hours struggling with this rvm and still don't know why I'm getting errors on MacOs
I am not able to install eslink , it keeps telling me error
Thanks for the course. Looking for a more complete one like the Flutter course that have 37 hours ç_ç
Looking forward to this course
The course seems to be pretty good
Finally most awaited course!
I'm enjoying the course so far. However, I am having trouble with "SafeAreaView". After some research, it appears it is only available on IOS devices(v11 or later). Since I am using an Android (v10), I can not use this feature. I have not been able to find another way to fix my problem of the text being blocked by the top phone header. I could probably fix it by adjusting the padding, but as you said in the video, this is not a good idea. Since it will look different on different devices. It should be noted I am using the expo app on my phone (Instead of an emulator) to view the render from react native. Has anyone else found a work around for this? If I figure it out, I will be sure to update my comment with a solution for others.
import React from 'react'
import { View, Text, SafeAreaView, StatusBar } from 'react-native'
const App = () => {
return (
Text No longer Blocked by top of app
)
}
export default App
Perfect Timing! ❤
Very good content
Much appreciate it!
But what about this sunrise and sunset timing? :>
Need more videos related to Reactnative ❤
Thank you so much for the awesome content 🙌🙌👌👌😍😍👍👍
I saw this video course while trying to make simple apps in android studio and I said why not make crossplatform apps, but
My brain burned in the first 15 minutes...🤯🤒🥵🥵
Did they modify this video? I remember her going in detail about how to install and configure watchman and don't remember her doing some of the things she just did in the beginning... Also I remember this video having links to the materials mentioned.
thank u Guys! Perfect time
thi is already outdates with latest expo versions using expo-router which by default comes with all tabs, stack and what not
Hey freecodechamp bring out more tutorials on react native with nodejs and all ❤.
It might be good to have a tutorial on RN CLI not just expo.
Please do a react native animation course
I had to debug like 5 things until i got the virtual android development to work :D
Please what were the things you had to debug? What issues did you face that warranted the debugging? Because I am facing an issue here presently. Mine us saying HAXM is not installed, when I am sure as hell it is
Nice tutorial, many thanks. Is it necessary to import React, if we just add .tsx extension to files? Is it common to use Typescript instead of JS with React Native?
Recent versions of RN does not need React to be explicitly imported, also use TS wherever possible, if you get to the habit of using TS instead of JS you're gonna catch bugs earlier and quicker.
However, hooks need to be imported from React.
Very helpful thank you for your work
Thanks guys 😊
is there any next step after this tutorial ?
Thanks❤❤
Excellent tutorial.
when I start with Visual Code there was no file name with App.js so how can I get that
when adding my safe area view component it stayed exactly the same place as where it was before i put it. what should i do?
Thank you so much!🥰🥰🥰🥰🥰
How to setup android emulator
Perfect timing
I love the tutorial, but, my biggest problem was finding things she got from the open weather site e.g the JSON she copied from the open weather site at around 1:05:00 in the video has different content and structure from mine yet I followed the URL to the web page according to her screen.(I think they changed it). Now I am having issues.
perfect timing !
It’s hard to find a course on rn
Nice React Native Course ❤.
DO I need to master REACT, or its ok that i know basic react before this course? thanks in advance
Thank you very much!
is there any content for expo?