Hi @Adrian and team, I'm from Ghana and I just want you guys to know that I got a job because of the videos you put out here. Allah bless you and your team and may you keep making a difference. Thank you!!!
Nobody yet asked how to deploy on appstore or playstore ?? ^^ So here it goes, could you probably offer a video explaining the process ? Thank you in advance Adrian :D
i had a project in my mind so wanted to learn react native but had no luck with other tutorials online because they were either older videos, instructor was not clear or maybe both. then i saw your older video and loved your teaching but was losing hope since that video was also a bit older and i was struggling to keep up with what you were teaching. i was ready to give up but wanted to give it a shot for the last time and searched youtube for react native full course. and BOOM you have had uploaded this tutorial just 6 hours ago! oh boy that was a signal for me to not give up and thanks to you i have come a long way with this video man... thanks a lot & lots of love.
has he taught react native from scratch ? i am asking because i wanna start app dev with react native, but have no knowledge about react natice. can i follow this course
@@sajalnamdeo4270hi dude, i didnt know react native at all when i watched this. But this video helps a lot to start the journey. I recommend watching it and taking the syntax and basics, then start working on a project of your own and search for documentations when you need rather than always sticking to videos. Thats the best way to learn imo. I watched this video and and started working on my own project after i felt confident and looked up documentations when i needed. This way i was able to go from zero to publish an app to appstore in nearly 40 days!
@@sajalnamdeo4270 Yes. If you have experience developing JS and React apps, you can follow this course. Using both expo docs and react native docs to understand in depth the nature of the libraries and components he uses. I think Adrian´s style is the best.
Its like you have answered my comment on the last video, i have been dying to learn React Native , and i couldnt find anyone on RUclips who can explain the way you do . Big thanks for that bro 😎. We need more content like this from you
If you're following the tutorial in 2025, here are the workarounds for some errors I kept getting. Hope this helps. Redirection to different pages is case sensitive, so if you've named the function us Profile and you call it using href='/profile', it won't work. So, rename your pages accordingly, like sing-up.jsx should be signUp. 38:29 If font- is not showing the intellisense options, install Tailwind CSS from VS Code extentions. 1:00:00 if custom button is getting displayed without a background, try adding the color property at the end of the className={' p-4 rounded-xl bg-secondary'} Idk why this is like this, but wasted couple of hours figuring this out. (it's not an error, most probably some bug as now after, the same original code is working again) The button code is still giving me errors, as the buttons are not getting rounded for some reason and I'm just unable to find why. I just kept it like that and moved ahead.
You are one of a kind react instructor and best teacher out there who always gives free content to subscribers on youtube unlike others who tried to use paid membership when they're successful on YT but I hope that you will continue grow and teach us of the upcoming technologies out there. Cheers mate 🙌🏻❤
@ 1:54:35 if you have the error createEmailSession is not a function, switch to createEmailPasswordSession, it was changed from 1.4 to 1.5 of appwrite.
@@amogelangmoatswi1918 Alright I ended up finding the fix, in the appwrite.js file export async function signIn(email, password){ try{ const session = await account.getSession('current'); if (session) { await account.deleteSession(session.$id); } return session; } catch(error) { throw new Error(error); } } write this as the signIn function instead
This is the second time I watch this course, the way he gets excited whenever he completes a new feature really makes me enjoy the learning process. Thank you brother.
Hola soy un chico de hispanoamericana, apenas voy empezando de manera autodidacta, no se muy bien inglés pero hago el intento, mientras voy aprendiendo inglés viendo estos maravillosos tutoriales. Regresaré cuando consiga un trabajo 100% estudiando de manera autodidacta, muchas gracias. ❤
Started this course on a Saturday eve around 7pm and sitting, watching, learning and implementing with nothing but consistency till today, i.e. Thursday morning 3am made me complete this course with all the fundamentals clear and confident enough to build more. Thank you so much ❤❤
If you get to the Home Page part (around 2:45:38) where the VideoCard component supposes to render thumbnail images but it doesn't. It's because the files the author provided had exceed the access bandwidth limit. You can upload your own videos and images to the same bucket created earlier in appwrite and update the video url as well as thumbnail url. Update: Looks like Adrian and team had updated the thumbnails/videos link
At least for me, the initial steps described in the video are done automatically while installing the libraries. I mean the app folder with the _layout.tsx, no app.js file, and so on. I suppose that's a modern version which takes care for those things for us. Great video. I've learnt a lot!
@@tommyc4511 clear all contents of the folder, create a new file of type .jsx:, and paste in the following code: import { StatusBar } from "expo-status-bar"; import { StyleSheet, Text, View } from "react-native"; export default function App() { return (
as @lucaszanek6204 wrote solve the problem: 1. Create a folder myAppName 2. Move inside 3. npx create-expo-app --template blank ./ 4. npx expo install expo-router react-native-safe-area-context react-native-screens expo-linking expo-constants expo-status-bar 5. You now are on the 16:52
This video is very helpful. I just started with React Native about 3 weeks ago and I’m enjoying it. Watching this video wants me to go back and redo app configs and routing.
32:20 if "className" doesnt work for you, you have to turn off the server (by clicking into your console where the server is running and puttin in ctrl + C) and turn it on again (with the shown "npx expo start" command, optionaly with the "-c" flag)
Pleasant voice, hardly find one in the IT RUclips area anymore ❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️😍 😍😍😍 What I have to say is that the entry point setup described here no longer exists 2 months after the release of your video, because REACT NATIVE has already evolved and the process looks different. But all in all the best course! Thanks a lot. Best regards
if u have a problem with expo application try to turn on the access point from your computer then connect your phone on it . This has solved the problem for me .
Great work!!! Am so grateful you made this course. I took me at least 4 weeks to complete this course as a React Native beginner as I also replaced the whole appwrite backend with Firebase (also a beginner, there), but it has proved to be worth the effort. Thank you, once more. 🙂
The video is absolutely perfect. I really enjoyed and followed it to the very end. But the problem I have with the video is that it gets hard to type along because the extension and code autocomplete or suggestions cover up the code so I really have to replay and strain my eyes to see the code being written
If you are facing issue that says: "Property className does not exist on ......", then you can make a global.d.ts file or use the exisiting one named expo-env.d.ts and past the following line there: /// This will remove the error.
i am an experienced mobile developer with knowledgeable skills in Dart and JS, but watching this video just makes a lot of nuances clearer and better understood. Good job mate.
This is utterly amazing!!! The way you explain every single part of this with a positively excited way of speaking makes understanding the content so much more engaging. Thanks man!!!
Hi Adrian , just finished this tutorial and I must say thank you sooo much for everything. I cant wait for the deployment video. please do well to work on it . once again thank you soo much for this. You are amazing and I loved every bit of it. 👌👌👌👌🥂🥂
GOLD, cuz this is EXACTLY what i have been looking for, a tutorial that teaches all the essential concepts to build a full stack react native app. Now that i have completed the course, can't wait to do the thing that brought me here in the first place -- building my own project!
That's amazing. Thanks you. Your English is wonderful I'm from Russia and I understand you! My English level is a2-b1. But your speech so clear and pleasant. Thanks for video)
For those who are getting the error "AppwriteException: Creation of a session is prohibited when a session is active" at 1:54:35, is because you are already logged in to an account and you cannot login again. Solution: Ignore this error and continue following the video. Once you implement the logout button, the issue will be resolved.
Got this message and have been scratching my head to find a way round it (the problem that is not my head!). Thanks for posting the solution before I lose what's left of my hair 🙂
If you are looking for a feedback before starting: Great video. Exceptionally high quality editing+narration. I appreciate the effort. However, if one is looking for video to understand the concepts then this is not not the video. It emphasises more on design, that too without explanation. It basically demonstrates how easy it is to design a native app.
Hey Adrian, Please teach some more complicated topics like dockerization , kubernetes , deploying on AWS(or aws skills required for a web dev) , microservice architecture in nodejs, nginx etc. Having a good knowledge about these devOps skills gives confidence to propose to some open source organisations as well as building a strong tech profile,thus increasing the package even as a fresher. Your way of teaching will definitely make these complex topics more simpler for beginners! Hope your team consider this request 😅
If that's what you wanna get into that, check *Tech World with Nana* - the best in the Business (DevOps, GitLab, Docker, k8s, DevSecOps, AWS, Terraform, Ansible, etc.) They cover all that in their GitLab CI/CD Course and DevOps and DevSecOps Bootcamp. They're a bit pricier, though, due to the size and coverage of the bootcamps. PS: no affiliation with them, whatsoever. Their content is just worth it recommending. And you can check lots of them and their quality on their YT Channel. Cheers
Finally got done with this tutorial. Took me a week due to work. But finally done. I came in knowing react native. But i wanted to understand some new things that were implemented and learn a bit of appwrite. I must say, this is gold. 10/10. Great course
@@narayanpradhan4050 LITERALLY searched through all the comments to find this!! My videos aren't playing either. I can even see the urls when i console.log(item) and console.log(item.video) and still nothing plays. Let me know if you find solution. I will do the same.
Everything was fine two days ago. Now native wind is not working. So I created a new app. Magic - everything is typescripted. Changing so fast makes it tough for newbies like us. A quick video update would be great for beginners like us. Thank You Very Much.
Finally finished the course, oh boy it was a long journey with many many difficulties as it was my first native app but after 15 or so days have finally completed it thankfully, now after a break I will definitely implement the like functionality as its there that we truly learn by doing some assignments. Love your work man please keep sharing such wonderful tutorials(ESPECIALLY WITH ASSIGNMENTS!!).
@@PolloGamer3424 no not really, i just setup my app with npx create expo@latest and the rest of it was mostly all working, some things broke, especially the video links but I managed to work around them
I love this, thank you for posting this tutorial. I can't play the videos due to Vimeo does not serve the MP4 but an integrated player in the video URLs
@@singerardsin9624 I solved this by uploading my own video urls and if i wanted to play a video from youtube i use the python library yt-dlp to transform the youtube link
For all of those who are having problems after doing the NativeWind. Be sure to restart your server, so control+c on mac. then start it again. The change in babel requires the restart to reflect the changes.
buddy hope you are fine I Watched your video month i go . I had my FYP due and passed with A+ , by watching your video . i have background of Ai and ML and has almost zero knowledge about mobile apps but your tutorial helped me a lot . once again thanks .
this is the best tutorial ever. not only for react native. Everything is so well explain and the pace is perfect. I am new to react native and I understood it all and I passed 2/3 of the course now. thank you! p.s. just have a problem with playing videos because it just gives me gray screen and controls when i press play. edit: Sad sam tek skužila da si iz Hrvatske! :) hvala na ovom videu, nisam znala odkud krenuti s react nativeom.. Imaš stvarno dar za predavanje! :)
LITERALLY searched through all the comments to find this!! My videos aren't playing either. I can even see the urls when i console.log(item) and console.log(item.video) and still nothing plays. Let me know if you find solution. I will do the same.
@@keykeythrowaway4622 LITERALLY searched through all the comments to find this!! My videos aren't playing either. I can even see the urls when i console.log(item) and console.log(item.video) and still nothing plays. Let me know if you find solution. I will do the same.
For the error 'Creation of a session is prohibited when a session is active' I fixed the signIn function in the appwrite.js file as it below. Before creation of new session first delete current one; export const signIn = async (email, password) => { try { await account.deleteSession("current"); const session = await account.createEmailPasswordSession(email, password); return session; } catch (error) { throw new Error(error); } };
this will encounter a permissions error where the const account will have guest permissions and can't perform the calls to appwrite. export const userSignIn = async (email, password) => { try { if (!account.getSession()){ const session = await account.createEmailPasswordSession(email, password) return session }else{ await account.deleteSession("current") const session = await account.createEmailPasswordSession(email, password) return session } } catch (error) { throw new Error(error) } } this fixed it for me
@@iBiiTEx I got an error later on. commented out the if statement fixed the issue for me. // if (!account.getSession()){ // const session = await account.createEmailPasswordSession(email, password) // return session // }else{ await account.deleteSession("current"); const session = await account.createEmailPasswordSession(email, password) return session // }
Just finished this video and project, added the project to my github portfolio, Thank you., all your videos are great. You are really good with this projects.
You did not mention that for reflecting CustomButton and Loader you should create an index file in components folder. Without that file the app shows the syntax error
@@ofentsemassinga1952 i ran into a few of these issues myself, started this yesterday but havent come across many more issues. Which ones you facing? You solved any? Dont get disheartened, it is a lot to learn and a lot more to fix but it is certainly possible and the more you fail, the more you learn
Agreed. I haven't given up yet, but it took me forever to configure nativewind the right way. I know how nativewind works to an extent because I work with bootstrap all the time, but I came here to learn react native, not to spend 45 mintues configuring other things.
Amazing tutorial as always Adrian, would love to see the deployment of the apps to app stores or google play in the future. thank you so so much! You are a legend!
at 3:02:15 when trying to play the videos it just goes to a blank gray screen and then back to the thumbnail. I dont think expo-av can load the vimeo link maybe? how can i fix this?
If you're facing the same issues like me: that while running the expo server and simultaneously installing and setting up native wind and after all your changes to className are not applied even after refreshing the server... Just do this: 1. press Ctrl + c in the expo server Terminal 2. Type in the Terminal (this will clear the cache and restart the server): npx expo start - c and then all changes to className should be applied!
I have completed this course and built this app with you. It was just wonderful! I have learned a lot of new things and become familiar with error debugging and more. The most interesting thing I liked was your explanation of why things are happening-the reason behind everything-which I think is the most important thing to becoming a professional developer. Waiting for more amazing videos like this..🤩
when I press to play the video it shows me blank gray screen 3:03:25 Upon logging the error, it indicates: error: The server is not correctly configured. - The AVPlayerItem instance has failed with the error code -11850 and domain "AVFoundationErrorDomain". do you have any solution for this ???
Congrats on finishing!! Did you do anything special to get the videos to play on "home"? Whenever I hit "play" a grey screen pops up instead of the video playing. Do you have any insight or advice for overcoming this?
Awesome video! My first React Native mobile app, can't believe how easy it is for nextjs developers! Thanks for the video. Also just a suggestion, 20-30mins chunks would've been better to follow along.
Anyone else having trouble displaying the Video. I have to use expo-video since expo-av is not supported anymore. The video url is not in .mp4 format so the component does not accept it
Same thing happened to me. Thanks for your comment, I realize now that my code was fine it was the file format that is incompatible with video view most likely. I assume Vimeo is using its own player, while expo is expecting an mp4 file at the url.
Bandwidth limit for your organization has exceeded. Please upgrade to higher plan or update budget cap. I'm getting this err what should I do next. I haven't seen my home, I using border to verify everything is working good. Please give me solution, I go frustrated.
One of the best best best videos it is. Bro never stop these kind of tutorial, please do more react native tutorial, that makes your channel really really lot different from others. Take love from inner heart
Hi, Adrian, i'm a dev who's was stuck learning Javascript and after watching your React tutorials and I'm building a diversified project with it, i feel fulfilled. Thanks so much sir
Nothing is working for me. I have almost spent 8 hrs just for 30 mins of content, because nothing ducking works. Tailwind didn't work, and I have to install it three times. V2, v4 for sdk 49, then finally worked at sdk 50 version. Then configuring all assets and constants and everything gives error. I think mobile developers are so scarce, because of this.
Nothing's working. Absolutely nothing. Tailwind has just gone down the drain. I am completely writing everything on style attribute. I quit. Just quitting is easier than keep suffering.
I had similar issues. First, I missed to install nativewind together with tailwind. Then, I followed the installation guide for sdk 50. I was missing the metro.config.js file, and had to install it manually. After creating a global.css file, too, and adjusting the paths and the metro.config.js, everything worked fine. Maybe this helps.
Hi Adrian, I'm trying to run the create-expo-app command but it's showing different files and no "App.js" file is being created. Moreover, the app folder is automatically created inside it there are .tsx files instead of jsx. it is taking typescript by default.
Have you gotten an answer for this yet? I'm also not using Typescript so would be nice to start fresh without all the Typescript in it and not have to remove it myself
i have a problem with className, the system dont recognised it, i install everything and follow the video and documentation but still stuck with tailwind and i didnt find solution yet
@@Abnobery Please share the suggestions. Either the video is missing something or Tailwind has an issue, but my className directives are not working as expected. Thanks.
The docs now actually updated almost using the same layout and structure ,note those willing to follow along I found out that at this point,follow the docs from 16:06 until 18:15 since a lot has changed since the past 6 months Ill update this comment as the video goes as of now that's the only thing I saw
Anyone using an android device and struggling with videos displaying at 3:02:44? when I click the thumbnail it shows me the background color. I logged the video and the links all work. Video Error: md.w0: None of the available extractors (c, d, b, g, k, b, a0, d, h0, e, h, b, e, f, b, a) could read the stream. This is the error I get
come back here to me lmaoooo How did you get the vimeo vids to play? Hahahahahaha I'm using chatgpt and it recommended that I try to use "webview" or something lol But it worked for him, so why won't it work for me?!?! Q.Q
I'm having the same issue. It just doesn't want to upload anything to the storage. Console.loging the uplodadedFile, the result is undefined. Did you find out what causes the issue?
@@pedrofigueirinha5325 npx create-expo-app@latest [your-app-name] --template blank@latest just start with this and follow along the video. may be some configuration issue
![BLACK BAG - Official Trailer [HD] - Only in Theaters March 14](http://i.ytimg.com/vi/Du0Xp8WX_7I/mqdefault.jpg)
Hi @Adrian and team, I'm from Ghana and I just want you guys to know that I got a job because of the videos you put out here. Allah bless you and your team and may you keep making a difference. Thank you!!!
Thank you!
How did you get a job? I want to get one too and have built projects
I'm also from Ghana ,i just started the react js tutorials
same here im from South Africa and this is absolutely life changing
ماشاء الله
Nobody yet asked how to deploy on appstore or playstore ?? ^^ So here it goes, could you probably offer a video explaining the process ? Thank you in advance Adrian :D
yes plz
yes plz
i had a project in my mind so wanted to learn react native but had no luck with other tutorials online because they were either older videos, instructor was not clear or maybe both. then i saw your older video and loved your teaching but was losing hope since that video was also a bit older and i was struggling to keep up with what you were teaching. i was ready to give up but wanted to give it a shot for the last time and searched youtube for react native full course. and BOOM you have had uploaded this tutorial just 6 hours ago! oh boy that was a signal for me to not give up and thanks to you i have come a long way with this video man... thanks a lot & lots of love.
Enjoy it, i wish you all the best!
has he taught react native from scratch ? i am asking because i wanna start app dev with react native, but have no knowledge about react natice. can i follow this course
@@sajalnamdeo4270hi dude, i didnt know react native at all when i watched this. But this video helps a lot to start the journey. I recommend watching it and taking the syntax and basics, then start working on a project of your own and search for documentations when you need rather than always sticking to videos. Thats the best way to learn imo. I watched this video and and started working on my own project after i felt confident and looked up documentations when i needed. This way i was able to go from zero to publish an app to appstore in nearly 40 days!
@@sajalnamdeo4270 Yes. If you have experience developing JS and React apps, you can follow this course. Using both expo docs and react native docs to understand in depth the nature of the libraries and components he uses. I think Adrian´s style is the best.
hey guys I know html and css and js can I watch this video directly because I had an interview on react native
15:58 npx expo install expo-router react-native-safe-area-context react-native-screens expo-linking expo-constants expo-status-bar
thank you
thanks
ty!
👑
God bless you o
bro just saved my university project here, me and my friend built a tracking app using your lesson and it works really well, thx!
Love from India 🇮🇳
I don't know the reactjs fully yet but the way you explain make it look so simple.
Thank you!
hey guys I know html and css and js can I watch this video directly because I had an interview on react native
@@naveenpothu27 nah.... cover react basics first then hop to native
Best channel about fullstack in youtube!
Thank you!
Its like you have answered my comment on the last video, i have been dying to learn React Native , and i couldnt find anyone on RUclips who can explain the way you do . Big thanks for that bro 😎. We need more content like this from you
Enjoy!!
We need more react native video please
If you're following the tutorial in 2025, here are the workarounds for some errors I kept getting. Hope this helps.
Redirection to different pages is case sensitive, so if you've named the function us Profile and you call it using href='/profile', it won't work.
So, rename your pages accordingly, like sing-up.jsx should be signUp.
38:29 If font- is not showing the intellisense options, install Tailwind CSS from VS Code extentions.
1:00:00 if custom button is getting displayed without a background, try adding the color property at the end of the className={' p-4 rounded-xl bg-secondary'}
Idk why this is like this, but wasted couple of hours figuring this out. (it's not an error, most probably some bug as now after, the same original code is working again)
The button code is still giving me errors, as the buttons are not getting rounded for some reason and I'm just unable to find why. I just kept it like that and moved ahead.
Thank you so much 🙏
Video starts at 7:20 for those who want to skip react native intro.
You finally did it. You made a React Native course, a long waited one. Thank you adrian!
Yess, finally!
You are one of a kind react instructor and best teacher out there who always gives free content to subscribers on youtube unlike others who tried to use paid membership when they're successful on YT but I hope that you will continue grow and teach us of the upcoming technologies out there. Cheers mate 🙌🏻❤
Appreciate it! I'll always continue posting free content! 🙌🏻❤
hey @Adrian I'm watching your videos since 2022 thank you for making such great content and teaching the world coding in such a simple manner.
Thank you so much!
@ 1:54:35 if you have the error createEmailSession is not a function, switch to createEmailPasswordSession, it was changed from 1.4 to 1.5 of appwrite.
Thank you so much man you're a legend
Thank you very much finally
I am getting an error... It doesn't redirect me to the homepage if the user is already logged in?
@@amogelangmoatswi1918 did u find the fix?
@@amogelangmoatswi1918 Alright I ended up finding the fix, in the appwrite.js file
export async function signIn(email, password){
try{
const session = await account.getSession('current');
if (session) {
await account.deleteSession(session.$id);
}
return session;
} catch(error) {
throw new Error(error);
}
}
write this as the signIn function instead
This is the second time I watch this course, the way he gets excited whenever he completes a new feature really makes me enjoy the learning process. Thank you brother.
Been waiting for this! 🤩
Thanks
It's finally here!!! 🤩
Hola soy un chico de hispanoamericana, apenas voy empezando de manera autodidacta, no se muy bien inglés pero hago el intento, mientras voy aprendiendo inglés viendo estos maravillosos tutoriales.
Regresaré cuando consiga un trabajo 100% estudiando de manera autodidacta, muchas gracias. ❤
You don't know how much your videos have helped me in my coding journey. JSM is the best. Thank you.
Glad you like them!
1:21:29
1:27:18
1:29:43
1:38:28 (files and bucket)
1:57:00 (creating login reminders)
2:07:28 (Home screen implementation)
2:14:33 (searchInput component)
2:16:50 (Latest Videos)
2:28:07 (create Data)
2:34:24 custom hook
2:39:02 videoCard component
2:47:57 latest video
2:50:03 Animatable tool
3:06:25 Search 🔍 functionality
3:24:03 profile screen
can you pelase tell does he use css predefined or write every line in the video only
Started this course on a Saturday eve around 7pm and sitting, watching, learning and implementing with nothing but consistency till today, i.e. Thursday morning 3am made me complete this course with all the fundamentals clear and confident enough to build more. Thank you so much ❤❤
@MitrankShah Hey bro. is it possible to see your project/repo to see everything that changed and how you managed to fix it? :)
I have waited for this react-native update project. Much love from Kenya
Hope you enjoyed it!
Wakenya shida zenyu ni nini. Lazma mulete watu kwa vitu zenyu. Kurep nchi haikufanyi ujulikane. Toa ukoloni kwa hiyo akili yako ndogo.
@@Neil_09 shush.
@@Neil_09 we shida yako ni gani pia, with all the bad energy
@@Neil_09sasa umesema nini hapo?
If you get to the Home Page part (around 2:45:38) where the VideoCard component supposes to render thumbnail images but it doesn't. It's because the files the author provided had exceed the access bandwidth limit. You can upload your own videos and images to the same bucket created earlier in appwrite and update the video url as well as thumbnail url.
Update: Looks like Adrian and team had updated the thumbnails/videos link
I can't search links for this thumbnail images and videos, can u told me where is it
I tried creating my own video and thumbnail but its not displaying the thumbnail, any solutions? thanks
in his github github readme the demo data he provided can i add them in my bucket
@@almighty9098 same here. Did you manage to solve it?
I still can't load the thumbnail images even after using my own images. I have checked console.log and the data is being fetched correctly.
At least for me, the initial steps described in the video are done automatically while installing the libraries. I mean the app folder with the _layout.tsx, no app.js file, and so on. I suppose that's a modern version which takes care for those things for us. Great video. I've learnt a lot!
how did you get passed this step? Im stuck with all the tsx and cant follow along... my mobile app on expo gives me a complete different landing page
@@tommyc4511 I am as well stuck at the same point
@@tommyc4511 clear all contents of the folder, create a new file of type .jsx:, and paste in the following code:
import { StatusBar } from "expo-status-bar";
import { StyleSheet, Text, View } from "react-native";
export default function App() {
return (
Hello
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center'
},
});
as @lucaszanek6204 wrote solve the problem:
1. Create a folder myAppName
2. Move inside
3. npx create-expo-app --template blank ./
4. npx expo install expo-router react-native-safe-area-context react-native-screens expo-linking expo-constants expo-status-bar
5. You now are on the 16:52
@@pcodesdev read 1st comment...run that code
This video is very helpful. I just started with React Native about 3 weeks ago and I’m enjoying it. Watching this video wants me to go back and redo app configs and routing.
32:20 if "className" doesnt work for you, you have to turn off the server (by clicking into your console where the server is running and puttin in ctrl + C) and turn it on again (with the shown "npx expo start" command, optionaly with the "-c" flag)
it's a shame that we can only put one thumb ;)
Exactly what I've been looking for. Thanks for all you do.
Our pleasure!
Pleasant voice, hardly find one in the IT RUclips area anymore ❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️😍 😍😍😍 What I have to say is that the entry point setup described here no longer exists 2 months after the release of your video, because REACT NATIVE has already evolved and the process looks different. But all in all the best course! Thanks a lot. Best regards
What should be done instead now?
@@atulanand9292 its pretty simple but some of the steps he does in the video to setup the project are already setup for you
if u have a problem with expo application try to turn on the access point from your computer then connect your phone on it . This has solved the problem for me .
Great work!!! Am so grateful you made this course. I took me at least 4 weeks to complete this course as a React Native beginner as I also replaced the whole appwrite backend with Firebase (also a beginner, there), but it has proved to be worth the effort. Thank you, once more. 🙂
I’ll be following this tutorial soon, I’m also interested to use Firebase so any insight on how you approached this would be cool.
The video is absolutely perfect. I really enjoyed and followed it to the very end. But the problem I have with the video is that it gets hard to type along because the extension and code autocomplete or suggestions cover up the code so I really have to replay and strain my eyes to see the code being written
If you are facing issue that says: "Property className does not exist on ......", then you can make a global.d.ts file or use the exisiting one named expo-env.d.ts and past the following line there:
///
This will remove the error.
Thanks, was looking for a way to fix that error
Thank you!
This should be stickied; thank you man!!
Thank you for your useful sharing
Thanks a lot, was having the same issue
i am an experienced mobile developer with knowledgeable skills in Dart and JS, but watching this video just makes a lot of nuances clearer and better understood. Good job mate.
This is utterly amazing!!!
The way you explain every single part of this with a positively excited way of speaking makes understanding the content so much more engaging.
Thanks man!!!
Thank you very much I've been expecting course on react native since last year
You are welcome!
😮😮😮 I love you Adrian! Thank you! ❤
Thank you! ❤
Hi Adrian , just finished this tutorial and I must say thank you sooo much for everything. I cant wait for the deployment video. please do well to work on it . once again thank you soo much for this. You are amazing and I loved every bit of it. 👌👌👌👌🥂🥂
how did your native wind work
@@itksports just copy the configuration in the repo. For some reason the new install didn't work for me.
@@itksports just use the configuration in the repo.
GOLD, cuz this is EXACTLY what i have been looking for, a tutorial that teaches all the essential concepts to build a full stack react native app. Now that i have completed the course, can't wait to do the thing that brought me here in the first place -- building my own project!
did you learn JS first?
That's amazing. Thanks you. Your English is wonderful I'm from Russia and I understand you! My English level is a2-b1. But your speech so clear and pleasant. Thanks for video)
For those who are getting the error "AppwriteException: Creation of a session is prohibited when a session is active" at 1:54:35, is because you are already logged in to an account and you cannot login again.
Solution: Ignore this error and continue following the video. Once you implement the logout button, the issue will be resolved.
Got this message and have been scratching my head to find a way round it (the problem that is not my head!). Thanks for posting the solution before I lose what's left of my hair 🙂
Thanks a ton man!!
Thank you so much sir for this amazing content 🙇🙇🙇 please make a video,how to deploy react native apps
Will do!
You are amazing.. thank you so much!
Much 💛💚 from Brazil!
Wow, thank you!
If you are looking for a feedback before starting: Great video. Exceptionally high quality editing+narration. I appreciate the effort. However, if one is looking for video to understand the concepts then this is not not the video. It emphasises more on design, that too without explanation. It basically demonstrates how easy it is to design a native app.
So far, I really like how you explain what the commands we enter into the terminal actually does. Its great for beginners like me.
Thank you very much Adrian!
You are the best
You are the best
Hey Adrian, Please teach some more complicated topics like dockerization , kubernetes , deploying on AWS(or aws skills required for a web dev) , microservice architecture in nodejs, nginx etc. Having a good knowledge about these devOps skills gives confidence to propose to some open source organisations as well as building a strong tech profile,thus increasing the package even as a fresher. Your way of teaching will definitely make these complex topics more simpler for beginners! Hope your team consider this request 😅
Thank you so much for the request recommendation!
If that's what you wanna get into that, check *Tech World with Nana* - the best in the Business (DevOps, GitLab, Docker, k8s, DevSecOps, AWS, Terraform, Ansible, etc.)
They cover all that in their GitLab CI/CD Course and DevOps and DevSecOps Bootcamp.
They're a bit pricier, though, due to the size and coverage of the bootcamps.
PS: no affiliation with them, whatsoever. Their content is just worth it recommending. And you can check lots of them and their quality on their YT Channel.
Cheers
Carefully he is a hero ❤. Most of the tutorials were outdated. Almost had to turn to books to learn. Then comes our saviour to save the day.
Finally got done with this tutorial. Took me a week due to work. But finally done. I came in knowing react native. But i wanted to understand some new things that were implemented and learn a bit of appwrite. I must say, this is gold. 10/10. Great course
im at 3hr time in the video, my videos aren't playing because they provided vimeo links.. what did you do in your case?
@narayanpradhan4050 what do you mean? I don't understand. The youtube video is on youtube. Not vimeo.
I completed the entire 4 hour video
@@narayanpradhan4050 LITERALLY searched through all the comments to find this!! My videos aren't playing either. I can even see the urls when i console.log(item) and console.log(item.video) and still nothing plays. Let me know if you find solution. I will do the same.
Please make a video about deploying to App stores. Thanks for the great content!
Everything was fine two days ago. Now native wind is not working. So I created a new app. Magic - everything is typescripted. Changing so fast makes it tough for newbies like us. A quick video update would be great for beginners like us. Thank You Very Much.
create the babel.config.js file manually, that's the one where you mention nativewind
i just got and everything is completely changed
Loving the pace at which we are moving in this tutorial. Your teachig style is best and easy to follow
Finally finished the course, oh boy it was a long journey with many many difficulties as it was my first native app but after 15 or so days have finally completed it thankfully, now after a break I will definitely implement the like functionality as its there that we truly learn by doing some assignments.
Love your work man please keep sharing such wonderful tutorials(ESPECIALLY WITH ASSIGNMENTS!!).
Isn't this course outdated, how did you do it?
@@PolloGamer3424 no not really, i just setup my app with npx create expo@latest and the rest of it was mostly all working, some things broke, especially the video links but I managed to work around them
@@yashrajsingh9961 how did you work around the video errors? I am having a lot of trouble with them myself
this is probably the best tutorial i've watched on anything related to mobile development
It's outdated. Refer docs
Great video I would like you to explain to us how you were able to play the trending videos using expo av when they aren’t served as .mp4 but as a url
Yes, I have the same problem.
me too!!!!!!! Hang in there and if I figure this out, check your notifications.
If you figure it out first, please tell me hahahahaha
@@dangerousangel777 did you figure this out?
I love this, thank you for posting this tutorial. I can't play the videos due to Vimeo does not serve the MP4 but an integrated player in the video URLs
Does anyone have a solution to this problem? Native controls try to start the video but the video will not load.
@@singerardsin9624 I solved this by uploading my own video urls
and if i wanted to play a video from youtube i use the python library yt-dlp to transform the youtube link
You are absolutely amazing! ❤️❤️
Thank u bro♥️
It's unbelievable that we have access to this content for free. Thank you JSM, you make a difference in our community
You are incredible. I have an Expo React Native app, but it's not using the latest features and this has helped tremendously
Extremely waiting for this course
It's finally here!
Thank you Adrian…you’re the best
Appreciate it!
For all of those who are having problems after doing the NativeWind. Be sure to restart your server, so control+c on mac. then start it again. The change in babel requires the restart to reflect the changes.
I appreciate your comments for future viewers
Hey, I did it. Thank you very much
i have problem. the styles in the VideoCard component wont work for some reason. the styles on the View doesnt work
very appreciate
ty bro
finally finished this after 2 months and 6 days.. Thank you
buddy
hope you are fine
I Watched your video month i go .
I had my FYP due and passed with A+ , by watching your video .
i have background of Ai and ML and has almost zero knowledge about mobile apps but your tutorial helped me a lot .
once again thanks .
Literally yesterday I decided to build my first app with react and had no idea how to do it. Today I wake up with this. What else can I ask for?
Enjoy it!
Oh lawwrddd! Thank u Adrian ❤
You're welcome 😊
this is the best tutorial ever. not only for react native. Everything is so well explain and the pace is perfect. I am new to react native and I understood it all and I passed 2/3 of the course now. thank you! p.s. just have a problem with playing videos because it just gives me gray screen and controls when i press play. edit: Sad sam tek skužila da si iz Hrvatske! :) hvala na ovom videu, nisam znala odkud krenuti s react nativeom.. Imaš stvarno dar za predavanje! :)
Having the same problem here
@@keykeythrowaway4622 for me it works with the video that i uploaded at the end of the course.
LITERALLY searched through all the comments to find this!! My videos aren't playing either. I can even see the urls when i console.log(item) and console.log(item.video) and still nothing plays. Let me know if you find solution. I will do the same.
@@keykeythrowaway4622 LITERALLY searched through all the comments to find this!! My videos aren't playing either. I can even see the urls when i console.log(item) and console.log(item.video) and still nothing plays. Let me know if you find solution. I will do the same.
@@tranequafauntleroy1427 videos that are from my phone are playing! I stopped searching why the others don't.
I just finished the video and I think I've developed a passion for React Native. Thank you for the tutorial
That's amazing!
Just came to this video somehow. And its just the best tutorial i am learning. Amazing explanation and best content. Keep up the good work
hi adrain
could you make another react native tutorial? a lot has changed in 7months and some things just don't work anymore
For the error 'Creation of a session is prohibited when a session is active' I fixed the signIn function in the appwrite.js file as it below. Before creation of new session first delete current one;
export const signIn = async (email, password) => {
try {
await account.deleteSession("current");
const session = await account.createEmailPasswordSession(email, password);
return session;
} catch (error) {
throw new Error(error);
}
};
thanks bro
👌👌👌
this will encounter a permissions error where the const account will have guest permissions and can't perform the calls to appwrite.
export const userSignIn = async (email, password) => {
try {
if (!account.getSession()){
const session = await account.createEmailPasswordSession(email, password)
return session
}else{
await account.deleteSession("current")
const session = await account.createEmailPasswordSession(email, password)
return session
}
} catch (error) {
throw new Error(error)
}
}
this fixed it for me
thanks a lot
@@iBiiTEx I got an error later on. commented out the if statement fixed the issue for me.
// if (!account.getSession()){
// const session = await account.createEmailPasswordSession(email, password)
// return session
// }else{
await account.deleteSession("current");
const session = await account.createEmailPasswordSession(email, password)
return session
// }
So amazing tutorial, I'm finished and I have learn about React Native so much. Thank you.
Amazing work!!
could you please hare your github link. i got an erron in last video uploading section
Just finished this video and project, added the project to my github portfolio, Thank you., all your videos are great. You are really good with this projects.
You did not mention that for reflecting CustomButton and Loader you should create an index file in components folder. Without that file the app shows the syntax error
@LeraMulina I was facing the same issue so I downloaded GitHub Repository to check I was missing or what the wrong with my code ;
Thank you so much for your comment
What a generous developer! Thank you for your time and energy!
I have to give up on this video. Looks like some good content, but I spend more time troubleshooting issues then learning the material.
u good now?
Troubleshooting = this whole industry
i feel your frustration problem is all these updates im in the same boat
@@ofentsemassinga1952 i ran into a few of these issues myself, started this yesterday but havent come across many more issues. Which ones you facing? You solved any?
Dont get disheartened, it is a lot to learn and a lot more to fix but it is certainly possible and the more you fail, the more you learn
Agreed. I haven't given up yet, but it took me forever to configure nativewind the right way. I know how nativewind works to an extent because I work with bootstrap all the time, but I came here to learn react native, not to spend 45 mintues configuring other things.
Amazing tutorial as always Adrian, would love to see the deployment of the apps to app stores or google play in the future. thank you so so much! You are a legend!
prolly one of the best made videos (leave alone tutorials) I've seen in a while
bro im a beginner ,is it good to start this course??
everything is different in just 2 months. Holy shit.
Why bro?
@@shreejipaliwal1215 coz this guy is a fraud.
@@WellActualllyyy Mine actually works, except for the video player
@marvinotieno2194 hi how can we connect. I was getting an error while testing the appwrite for the first time to create a user
@@marvinotieno2194 oh! me too! I am desperate now because my video is not playing nor showing up. how to solve it! i am stuck at 3:00:00 for 2 days
at 3:02:15 when trying to play the videos it just goes to a blank gray screen and then back to the thumbnail. I dont think expo-av can load the vimeo link maybe? how can i fix this?
i am also having the same issue. any idea how to solve it?
same issue
same issue
same issue
@@hardikthaker5364 Same Issue
If you're facing the same issues like me:
that while running the expo server and simultaneously installing and setting up native wind and after all your changes to className are not applied even after refreshing the server... Just do this:
1. press Ctrl + c in the expo server Terminal
2. Type in the Terminal (this will clear the cache and restart the server):
npx expo start - c
and then all changes to className should be applied!
I have completed this course and built this app with you. It was just wonderful! I have learned a lot of new things and become familiar with error debugging and more. The most interesting thing I liked was your explanation of why things are happening-the reason behind everything-which I think is the most important thing to becoming a professional developer. Waiting for more amazing videos like this..🤩
when I press to play the video it shows me blank gray screen 3:03:25
Upon logging the error, it indicates:
error: The server is not correctly configured. - The AVPlayerItem instance has failed with the error code -11850 and domain "AVFoundationErrorDomain".
do you have any solution for this ???
Congrats on finishing!! Did you do anything special to get the videos to play on "home"? Whenever I hit "play" a grey screen pops up instead of the video playing. Do you have any insight or advice for overcoming this?
@@premraj-yi2ze same issue! and I have been wrecking my brain for a few days. Any solution or insight?
how did you navigate nativewind, their website is unresponsive
Awesome video! My first React Native mobile app, can't believe how easy it is for nextjs developers!
Thanks for the video. Also just a suggestion, 20-30mins chunks would've been better to follow along.
Anyone else having trouble displaying the Video. I have to use expo-video since expo-av is not supported anymore. The video url is not in .mp4 format so the component does not accept it
Same thing happened to me. Thanks for your comment, I realize now that my code was fine it was the file format that is incompatible with video view most likely. I assume Vimeo is using its own player, while expo is expecting an mp4 file at the url.
Bandwidth limit for your organization has exceeded. Please upgrade to higher plan or update budget cap. I'm getting this err what should I do next. I haven't seen my home, I using border to verify everything is working good. Please give me solution, I go frustrated.
You're using his links and he has free account so his bandwidth is gone not yours :) Upload own pictures is solution
Just in time !! Thank you for this video ❤
You're so welcome! ❤
One of the best best best videos it is. Bro never stop these kind of tutorial, please do more react native tutorial, that makes your channel really really lot different from others. Take love from inner heart
More to come!
Hi, Adrian, i'm a dev who's was stuck learning Javascript and after watching your React tutorials and I'm building a diversified project with it, i feel fulfilled. Thanks so much sir
Nothing is working for me.
I have almost spent 8 hrs just for 30 mins of content, because nothing ducking works.
Tailwind didn't work, and I have to install it three times. V2, v4 for sdk 49, then finally worked at sdk 50 version. Then configuring all assets and constants and everything gives error.
I think mobile developers are so scarce, because of this.
Nothing's working. Absolutely nothing.
Tailwind has just gone down the drain. I am completely writing everything on style attribute. I quit. Just quitting is easier than keep suffering.
@@shashankpandey8346 Did you resolve this?
@@shashankpandey8346 you need to install nativewind not tailwind lol
I had similar issues. First, I missed to install nativewind together with tailwind. Then, I followed the installation guide for sdk 50. I was missing the metro.config.js file, and had to install it manually. After creating a global.css file, too, and adjusting the paths and the metro.config.js, everything worked fine. Maybe this helps.
Hi Adrian,
I'm trying to run the create-expo-app command but it's showing different files and no "App.js" file is being created. Moreover, the app folder is automatically created inside it there are .tsx files instead of jsx.
it is taking typescript by default.
Have you gotten an answer for this yet? I'm also not using Typescript so would be nice to start fresh without all the Typescript in it and not have to remove it myself
kindly use the command in the pinned comment
i have a problem with className, the system dont recognised it, i install everything and follow the video and documentation but still stuck with tailwind and i didnt find solution yet
Check the entire directory path to the project. There should be only English characters and no prohibited characters except _. It helped for me
are you running web version? it won't work
className is not recognised but I got suggestions for styles and it just works
@@Abnobery Please share the suggestions. Either the video is missing something or Tailwind has an issue, but my className directives are not working as expected. Thanks.
you can fix the className error by creating a global.d.ts file in the root of the project and pasting this > ///
The docs now actually updated almost using the same layout and structure ,note those willing to follow along I found out that at this point,follow the docs from 16:06 until 18:15 since a lot has changed since the past 6 months
Ill update this comment as the video goes as of now that's the only thing I saw
Highly Recomended.
I didn't have any experience in react native. But this video helped me a lot in developing my application.
Thank you G !!
Anyone using an android device and struggling with videos displaying at 3:02:44? when I click the thumbnail it shows me the background color. I logged the video and the links all work.
Video Error: md.w0: None of the available extractors (c, d, b, g, k, b, a0, d, h0, e, h, b, e, f, b, a) could read the stream.
This is the error I get
the videos only play if there is an mp4 extension. if it's just a normal link then the videos don't work
3:05:10 When playing a video from the VideoCard component for some reason the ListHeaderComponent disappears, has anyone been able to fix it?
come back here to me lmaoooo
How did you get the vimeo vids to play? Hahahahahaha
I'm using chatgpt and it recommended that I try to use "webview" or something lol
But it worked for him, so why won't it work for me?!?! Q.Q
having the same issue
Wow! such a wonderful course and with precise and to the point explanation, should we be paying for this course ? ABSOLUTELY!!! thanks a lot (0.0)!!
It took days to complete while learning. But worth it. You are doing amazing works here. Thank you Adrian.
4:23:27
Unable to implement the create functionality:
Getting Error: Inavalid response from storage.createFile
while uploading
I'm having the same issue. It just doesn't want to upload anything to the storage. Console.loging the uplodadedFile, the result is undefined. Did you find out what causes the issue?
enev after configuring the nativewind, className feature is not working for me (at 31:13)
managed to solve it?
@@pedrofigueirinha5325 npx create-expo-app@latest [your-app-name] --template blank@latest
just start with this and follow along the video. may be some configuration issue
In the node terminal, press ctrl+ c to disconnect from expo and then npx expo start again
Completed in 5 days 🤧
you are most underrated youtuber ..
you deserve millions sub :(