If you're having trouble with the expo initial configuration run this command: npx create-expo-app@latest [your-app-name] --template blank@latest this will start your project exactly like in this video
1:45:28 i'm getting this error [AppwriteException: Network request failed] when i click on sign up button i'm getting this error, i have created ios app but using android emulator
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.
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.
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 RU-vid who can explain the way you do . Big thanks for that bro 😎. We need more content like this from you
@ 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
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
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.
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 ( 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
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.
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!!!
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 .
Pleasant voice, hardly find one in the IT RU-vid 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
Thank you from the bottom of my heart, I watched the video and was able to create the application without any problems. Everything worked as expected. Thank you very much, you directed me towards a dream that I have been trying to learn for some time. Much gratitude for your life. Please bring a video on how to export to iOS and how to authenticate this app with Google on appwrite. I hope Appwrite encourages you even more to bring apps like these. I loved using Appwrite, I've already signed up for the plan and I want to improve the app and someday show you the results. Hugs from a friend! And when I get organized I will take your Nextjs course!
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. 👌👌👌👌🥂🥂
3:02:19 If your video doesn't play, it's most likely that your device can't read that video format, try any other video link in the appwrite or you can hardcode it in your code. Here's an example video link: www.w3schools.com/html/mov_bbb.mp4
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 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.
For nativewind to work for me... tailwind.config.js content: [ "./components/**/*.{js,jsx,ts,tsx}", "./app/**/*.{js,jsx,ts,tsx}",], then ctrl+c in terminal to exit rerun ' npx expo start -c' then Press 'r' in terminal to reload
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!
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 // }
Thank you very much adrian this is what I've been waiting for, I've gotten a few job requests for mobile apps with react native but I've always declined cos I couldn't find a really good react native course. You really are the best.
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
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
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.
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?
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.
As usual, this is an amazing tutorial Adrian! Just finished zoom clone and you dropped this banger! You are a great mentor!! One request! If you could let more web3 tutorials slide in, it would be great!! Looking forward for more such tutorials!❤
Your video's are absolute wonderful man,your video in last 5 months ago about react and appwrite i did do your guide then make the app with my desire features, that video really engage me in this field THANK YOUUU 100X
@@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
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
Amazing tutorial so far. One thing to note, the thumbnail urls in the readme are conjugated so aren't valid links currently, so you have to use your own / different urls for the thumbnails.
Friendly suggestion for future videos: When you're typing and all those things pop up over the screen (intellisense or something) it blocks out all the the text you had written. It causes me to have to let you finish with the whole section where you are no longer typing, pause the video, copy the big chunk down, then resume the video. If you turned that off for the tutorials, these videos would be 11/10 instead of 10/10.
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
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?
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 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.
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.
Awesome! Thank you very much for your tutorials! Could you make one for barber appointment bookings? Make it scalable, where many businesses can have their account by paying a subscription with their own homepage, and many clients can register to book their appointments!
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
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.
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
does anybody else has problem with initial configuration for expo, it seems there comes app folder by default and everything in it is tsx like _layout.tsx and idk if i follow along with tutorial with .tsx or should change em to .jsx
can delete all of them and change to jsx...or just use tsx. It seems to work the same as jsx until you specify types...havent learnt typescript yet myself so easiest way is to delete and start fresh
The Icons for the tabs were absolutely not working on my mobile device. Dug into the problem and found out that the app.json "icon" was pointing to "./constants/icon.png" in mine. I must have made an error somewhere in setting up the project. It should have been "./constants/icon.js" this fixed it! Loving this tutorial