I'm in IT, not a programmer, but for some reason when I go to sleep with a TH-cam video on which is basically every night, it autoplays me programming videos after I fall asleep. Here this past week I always wake up to your videos. Not the worst thing to have auto playing it's cool seeing what you've made when I wake up lol.
Regarding your comments around 2:07 ... this is personally why I favour your streams over others and why I want to watch many more. I really enjoy the natural process of coming across a problem and seeing how a developer will get around it and their thought process. There are too many unrealistic streams and tutorials on YT where the developer looks like they know everything which is ridiculous. Your method gives me confidence that "oh wait, other people struggle with this too, not just me"
It is just 3 months since I started React Native and I am loving it. Your videos are great and makes me want to learn React Native more. Thanks and I am subscribed!
Your problem at 1:40:00 is that you have a nested flex column within a flex row, and there is no way to control the width of the column with respect to the items of the parent row. There are three ways to fix it: either, 1) set a fixed width for the 'leftContainer', or 2) set a fixed width for the 'midContainer', or 3) Put the username and the timestamp together into a flex row, and the lastMessage able to flow under it to the whole width of the parent. Solution 3 is the best.
I have watched video yet but all the comments seems legit and makes me wanna watch this video. Even though i dnt even know nothing about react and all. But i wanted to learn. So thanks
@@notjustdev Thank you for responding, I felt so happy, is there any way can you tell the alternative way to create the backend for those people who can't spend on AWS, I mean like any free ones, respect your effort for bringing this to use
Omgggg I fell asleep on a different video and woke up 3hrs into your video xD But unlike the person below I am a backend developer and trying to learn react. I hope my subliminal hypnosis has helped haha Shall re-watch this after I have some breakfast
Thank you! I came here because I googled best video to fall asleep too. This video worked better than any other. You should make a special sleep video with that VOICE!
Hi, i had the same issue. I think it is beacuse it installs reanimated v2 and it causes problems. I solved it by doing these steps: Way 1) Didn't work for me. Edit your babel.config.js file as down below. If it doesnt work remove the plugin you added to prevent further problems. module.exports = function(api) { api.cache(true); return { presets: ['babel-preset-expo'], plugins: ['react-native-reanimated/plugin'], }; }; Way 2) 1. npm uninstall @react-navigation/material-top-tabs react-native-tab-view react-native-reanimated 2. npm install @react-navigation/material-top-tabs react-native-tab-view 3. expo install react-native-reanimated By using expo you will get the supported version of reanimated. I don't know the yarn equivelant. If you are using yarn; at the 3rd step, you should specify a version greater than 1.0.0 (such as 1.13.0). Hope it works for you too.
I used to code in c+ but I haven’t coded for years now I am now coding in Python for trading indicators. I started using computers at a young age when they first started in assembler language and Cobal HTML C+ and other languages. I’m very rusty but I still remember the basics.
hey i can't figure this out: how can you make headerTitleAlign (22:30) appear on the left on iOS when the documentation says for it "Not supported on iOS. It's always center on iOS and cannot be changed." O.O
📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev in 2023! Check out what our successful students are saying about their experience: academy.notjust.dev
Hye Vadim, great tutorial. I am following along. One suggestion for the viewers on the time problem. I just tried a lot of things and the absolute position of the time worked perfectly.
Hi! , I'm getting "Error: Reanimated 2 failed to create a worklet, maybe you forgot to add Reanimated's babel plugin?" @36:35. I was not able to continue after that. Kindly help me. Otherwise your content is great.
Hi, i had the same issue. I think it is beacuse it installs reanimated v2 and it causes problems. I solved it by doing these steps: Way 1) Didn't work for me. Edit your babel.config.js file as down below. If it doesnt work remove the plugin you added to prevent further problems. module.exports = function(api) { api.cache(true); return { presets: ['babel-preset-expo'], plugins: ['react-native-reanimated/plugin'], }; }; Way 2) 1. npm uninstall @react-navigation/material-top-tabs react-native-tab-view react-native-reanimated 2. npm install @react-navigation/material-top-tabs react-native-tab-view 3. expo install react-native-reanimated By using expo you will get the supported version of reanimated. I don't know the yarn equivelant. If you are using yarn at the 3rd step, you should specify a version greater than 1.0.0 (such as 1.13.0). Hope it works for you too.
Hi there! I am getting this error " component exception undefined is not a function (near '...react native.default.createelement' " @ 1:11:20 , I am drying to display Demo Data from ChatRooms file. can anyone help me to resolve this! (Y)
headershown:false While removing this code, it doesn't remove that top bar and replaces with root , it creates another top bar. That means I have 2 top bars. @17:53 in the video. Help appreciated. Thank you.
Hello For aligning messages Solution Take dimension of mobile using React dimensions And Give width to leftcontainer as width/2 or width/1.5 And use that elliptical Solved
Sir this tut is best love it❤ sir if i make a chat app by using ur tutorial and then upload on google play then will there be any problem of copyright or anything else?
Thank you for the great video. Just want to find out if it is possible for someone to develop an app that is cloned and monetize it if the features are changed, like the names and some few things.
The stock dividend has the advantage of rewarding shareholders without reducing the company's cash balance. However, it does increase its liabilities. Stock dividends have a tax advantage for the investor as well. Unlike cash dividends, stock dividends are not taxed until the investor sells the shares.
Stocks for the win!! As a beginner investor, I used a few things to help expand my knowledge of the stock market in a way that was digestible for a new investor. I still reference it fairly often to get a quick overview of a stock and understand its surface-level fundamentals by using an advisor. I can't recommend that method of learning enough! I use Cynthia Depken she is super helpful to a lot of beginners out there.
Hi, Thanks for your content... could you please try to design a VPN provider with react native... they are kinda hot right now! it wouldn't hurt to learn the ones and twos of the internet
Hi appreciate your videos. do you know if its possible to display a small cart modal header type view that's above a bottom tool bar and you can swipe up to show the cart details screen?
please can someone help me have been trying to join the practice but my naviation folder is showing two files and one is index.tst and linking configuration there is no bottomTabnavigation
Fell asleep to kurzgesagt, woke up to this.
I don't code, program, or every have any intention of learning.
But dope shit dude I subscribed.
I'm in IT, not a programmer, but for some reason when I go to sleep with a TH-cam video on which is basically every night, it autoplays me programming videos after I fall asleep. Here this past week I always wake up to your videos. Not the worst thing to have auto playing it's cool seeing what you've made when I wake up lol.
interesting, I watch woodworking videos and end up in programming as well lol
@@antalack3245
What 😂
I fell asleep last night watching a different video and I've woken up to this one, and the first comment I've seen is yours lol.
exact same for me LOL
exactly, same
Sir i recently finished Reactjs and started to learning reactnative from ur videos and ur projects helped me to learn a lot thank you so much sir
Regarding your comments around 2:07 ... this is personally why I favour your streams over others and why I want to watch many more. I really enjoy the natural process of coming across a problem and seeing how a developer will get around it and their thought process.
There are too many unrealistic streams and tutorials on YT where the developer looks like they know everything which is ridiculous. Your method gives me confidence that "oh wait, other people struggle with this too, not just me"
I have been searching for the part 2 of this tutorial and I have not come across it. Can I get a link?
@@zackOverflow th-cam.com/video/HdLbavvfflQ/w-d-xo.html
I don't code, I don't even know why this video came up, but i was sleeping to your voice all night its very soothing
You made my day 😅😅😅
The same thing just happened to me. 😁
It's really helped me a lot, thank you, Vadim. I now can build real-time chat apps using react native.
That's awesome
I have been searching for the part 2 of this tutorial and I have not come across it. Can I get a link?
One of the best dev videos. Thank you for cloning whatsapp! It helps me 3 years after release. Peace in you bro! From Senegal 🇸🇳!
Thanks!
It is just 3 months since I started React Native and I am loving it. Your videos are great and makes me want to learn React Native more. Thanks and I am subscribed!
Happy to hear that! Good luck with your React Native journey 🚀
Your problem at 1:40:00 is that you have a nested flex column within a flex row, and there is no way to control the width of the column with respect to the items of the parent row. There are three ways to fix it: either, 1) set a fixed width for the 'leftContainer', or 2) set a fixed width for the 'midContainer', or 3) Put the username and the timestamp together into a flex row, and the lastMessage able to flow under it to the whole width of the parent. Solution 3 is the best.
Hey Mat, Can you Personally teach me RN?
trick in camera tab navigation
tabBarOptions={{
style:{
...
marginLeft: '20%'
},
iconStyle:{
left:'160%'
}
Man,you are changing my fate.Can't thank enough.God Bless you
Thankyou Sir...Lots of Love from India...
What a journey it was my first experience with react native and you make it a lot easier
I have been searching for the part 2 of this tutorial and I have not come across it. Can I get a link?
@@zackOverflow th-cam.com/video/HdLbavvfflQ/w-d-xo.html
You're amazing, please keep teaching us. :)
Watching from South Africa.
Thanks for the support 🙏❤️
H
Outstanding! Best regards from Limón, Costa Rica!
I have watched video yet but all the comments seems legit and makes me wanna watch this video. Even though i dnt even know nothing about react and all. But i wanted to learn. So thanks
It's really helped me a lot, thank you, Vadim. I now can build real-time chat apps using react native.
Glad it helped!🙌
i was not finding react native cli stuff on utube u helped me a lot thanks✌✌✌
Thank You so much, Vadim. Learning a lot from you!!
you really made my day, I am happy with this content
That means a lot to me, thanks 🙏
Can you help me fight illegal software? I will give you money
🎉🎉via d🎉v😢 7:24 @@user-cn6ke3xe2c
best youtube channel to learn react native
Just I though of learning react native, I feel so happy I found your channel, thanks for all your work, 👍🏼🙏 happy subscriber, I highly recommend
Thanks a lot for your kind words, it means a lot to me
@@notjustdev Thank you for responding, I felt so happy, is there any way can you tell the alternative way to create the backend for those people who can't spend on AWS, I mean like any free ones, respect your effort for bringing this to use
@@mahendranath2504 AWS has a free tier that will cover most* of the services that you would use during the tutorials
@@notjustdev Thank you
Omgggg I fell asleep on a different video and woke up 3hrs into your video xD But unlike the person below I am a backend developer and trying to learn react. I hope my subliminal hypnosis has helped haha Shall re-watch this after I have some breakfast
Thank you so much, this is an awesome tutorial! Extremely grateful for the live debugging especially.
Man
You are awesome!
I'm really happy I discovered your channel today :):)
Thank you for all the great content!
Thanks a lot, Sthefano
@@notjustdev I already have a schedule to binge watch your videos over the next weeks :)
@@sthefanocarvalho2823 Awesome brother 👌Make sure to build along. Just watching is not very effective.
Thanks for doing the video. Here from the US.
Glad you liked it!
Alina from Seal Beach, California. Thank you Vadim for posting this.
Glad you enjoyed it
Thank you! I came here because I googled best video to fall asleep too. This video worked better than any other. You should make a special sleep video with that VOICE!
as a c# developer this is an amaizing work!!great job boddy!!
Obrigato bro !! Great content because It took me more than 8hrs to go through all the video haha
Glad it helped!
You are literally a legend!👍
How is it Vadim, May you please do a tutorial on video calls using react native? We have fewer and old tutorial here on youtube
That's a challenging feature in RN, but sounds like a good challenge for me
me 🧐😕
thank you, great video! keep going for the 12 hours! I believe in you.
Hey, thanks for the support
@@notjustdev huh 2021 ending . and my ask how to mix ui with clone stuff
Hi, I'm getting "Error: Reanimated 2 failed to create a worklet, maybe you forgot to add Reanimated's babel plugin?" @36:35
Hi, i had the same issue. I think it is beacuse it installs reanimated v2 and it causes problems. I solved it by doing these steps:
Way 1) Didn't work for me. Edit your babel.config.js file as down below. If it doesnt work remove the plugin you added to prevent further problems.
module.exports = function(api) {
api.cache(true);
return {
presets: ['babel-preset-expo'],
plugins: ['react-native-reanimated/plugin'],
};
};
Way 2)
1. npm uninstall @react-navigation/material-top-tabs react-native-tab-view react-native-reanimated
2. npm install @react-navigation/material-top-tabs react-native-tab-view
3. expo install react-native-reanimated
By using expo you will get the supported version of reanimated. I don't know the yarn equivelant. If you are using yarn; at the 3rd step, you should specify a version greater than 1.0.0 (such as 1.13.0). Hope it works for you too.
I used to code in c+ but I haven’t coded for years now I am now coding in Python for trading indicators. I started using computers at a young age when they first started in assembler language and Cobal HTML C+ and other languages. I’m very rusty but I still remember the basics.
Supper Man ! Hard work subscribed!🔥
Hello pls I'm using windows. At 21:25 you said alt+tab not sure but it does different thing like switch windows app tab. I'm stuck/newbie
hey i can't figure this out: how can you make headerTitleAlign (22:30) appear on the left on iOS when the documentation says for it "Not supported on iOS. It's always center on iOS and cannot be changed." O.O
Who's here after waking up? ☝️😹
I literally just woke up 🤣🤣🤣🤣
Me 😄😄😄
Me😂
0:45
Dude Im listening to podcast till I fall asleep. Then I wake up listening to this lmao
📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev in 2023! Check out what our successful students are saying about their experience:
academy.notjust.dev
Can you help me fight illegal software? I will give you money
pdf file didnt open
Is it possible to do this project without expo?
Hi can you please make a build one to one message react native + nodejs backend with mongodb
@@user-cn6ke3xe2c ลูกค้าที่มีลลล
quick question, does this example include audio/video calling? thanks
Hi. Not in this video. Here I do only the UI/UX of the app
Thank you
You channel is very unique than other channel, it's awesome your build
Thanks for the support 🙏
Great Tutorial, really enjoyed it
Thanks for appreciation 🙏
Love you bro ❤ you are amazing 🧡
Very informative video ! Awesome
Did you integration with AWS amplify for chatting?
You so good Vadim!! Amazing Project Amazing Value Amazing You!
Thanks so much!
@@notjustdev c
@@notjustdevccccccccccccccccccccccccccc Checcccccccccccccccccz
@@notjustdev kiuuuiukukukuukukiiuiuuumj
Hye Vadim, great tutorial. I am following along. One suggestion for the viewers on the time problem. I just tried a lot of things and the absolute position of the time worked perfectly.
I have some questions please reply
1) is it online or offline
2) which software I need to develop app(names of software used in video)
Nice video and explanation!
Is there a second part with the server implementation?
Yes, check it out on the channel page
@@notjustdev I have been searching for the part 2 of this tutorial and I have not come across it. Can I get a link?
Hi! , I'm getting "Error: Reanimated 2 failed to create a worklet, maybe you forgot to add Reanimated's babel plugin?" @36:35. I was not able to continue after that. Kindly help me.
Otherwise your content is great.
Hi, i had the same issue. I think it is beacuse it installs reanimated v2 and it causes problems. I solved it by doing these steps:
Way 1) Didn't work for me. Edit your babel.config.js file as down below. If it doesnt work remove the plugin you added to prevent further problems.
module.exports = function(api) {
api.cache(true);
return {
presets: ['babel-preset-expo'],
plugins: ['react-native-reanimated/plugin'],
};
};
Way 2)
1. npm uninstall @react-navigation/material-top-tabs react-native-tab-view react-native-reanimated
2. npm install @react-navigation/material-top-tabs react-native-tab-view
3. expo install react-native-reanimated
By using expo you will get the supported version of reanimated. I don't know the yarn equivelant. If you are using yarn at the 3rd step, you should specify a version greater than 1.0.0 (such as 1.13.0). Hope it works for you too.
@@ce_bm4480 Thank You so much. Your second option really worked for me and it was great. Thanks again.
@@khanabanana1217 Glad it helped. Have a nice one
@@ce_bm4480 I have one more error. Can you help me again.
@@khanabanana1217 What is the error?
Thank you from the bottom of my heart, I learned a lot!!
I am so happy that you found it valuable
Can you help me fight illegal software? I will give you money
Thank you so much Vadim !
Gostei demais do roteiro e da edição do seu vídeo, curti e compartilhei
Doing a Great Job Brother
Glad that you find it valueable
@@notjustdev Yes It is :)
Hi there! I am getting this error " component exception undefined is not a function (near '...react native.default.createelement' " @ 1:11:20 , I am drying to display Demo Data from ChatRooms file. can anyone help me to resolve this! (Y)
headershown:false
While removing this code, it doesn't remove that top bar and replaces with root , it creates another top bar.
That means I have 2 top bars. @17:53 in the video.
Help appreciated.
Thank you.
great tutorial man!! loved it. Thankyou very much! completed the ui .. now I will watch the backend
Glad you liked it!
Thank you so much. great job!!!
Do you know how to integrate xmpp protocol into react native .(xmpp protocol is use for instant messaging )pls reply
Thank you there is so much to learn in this life !!!!! Awessome tutorial!!!
You are so welcome!🙌
The github repo has the final product.... can you upload the template code before you initialize amplify?
Gorgeous art direction
Answer on how to fix the ChatListItem lastMessage to fit the screen:
```
leftContainer: {
flexDirection: 'row',
flex: 1,
},
```
thank you, great video! Vadim
Glad you liked it!
Thank you very good information video for beginning
Hello
For aligning messages
Solution
Take dimension of mobile using
React dimensions
And
Give width to leftcontainer as width/2 or width/1.5
And use that elliptical
Solved
Cool clones 🥳🚀
Thanks
Great Tutorial. Thanks for your time and help.
Glad you liked it
Hey which platform have you taken for instant messaging for example like xmpp or other
I used graphql subscription from aws Amplify. If i am not mistaken, behind the scenes, they are using web sockets
@@notjustdev thanks man
You have best content
absolute knowledge sharing.. able to understand the concepts well. thank you
Sir this tut is best love it❤
sir if i make a chat app by using ur tutorial and then upload on google play then will there be any problem of copyright or anything else?
Just don't use the obvious Whatsapp design.
You are a blessing form the gods, the old and the new.
Thanks for the great video :) in the future would you mind making the code slightly larger I'm having a hard time reading it.
Thanks
I have been searching for the part 2 of this tutorial and I have not come across it. Can I get a link?
very quality for a video and content love for you
Thanks ❤️
I made it! Moving to backend video now! Thanks for awesome video!
Awesome. Keep building
Keep making more videos like this! Love from Pakistan.
Thanks :)
Thank you for the great video. Just want to find out if it is possible for someone to develop an app that is cloned and monetize it if the features are changed, like the names and some few things.
The stock dividend has the advantage of rewarding shareholders without reducing the company's cash balance. However, it does increase its liabilities. Stock dividends have a tax advantage for the investor as well. Unlike cash dividends, stock dividends are not taxed until the investor sells the shares.
Stocks for the win!! As a beginner investor, I used a few things to help expand my knowledge of the stock market in a way that was digestible for a new investor. I still reference it fairly often to get a quick overview of a stock and understand its surface-level fundamentals by using an advisor. I can't recommend that method of learning enough! I use Cynthia Depken she is super helpful to a lot of beginners out there.
Really wonderful video!!!
Thank you very much!
Superb video made my day 😍
thanks
Hye Vadim, great tutorial. I am following along. One suggestion for the viewers on the time problem.
Hey, thanks for your appreciation!
Beautifully crafted
Thank you! Cheers! 🙌
I have problems with material-top-tabs... its under to the first createStackNavigator...
Hi, Thanks for your content... could you please try to design a VPN provider with react native... they are kinda hot right now! it wouldn't hurt to learn the ones and twos of the internet
Hi, thanks for the support. That;s an interesting idea, thanks for the recomendation
Thats is awesome man!
Thanks 🙏
Hi appreciate your videos. do you know if its possible to display a small cart modal header type view that's above a bottom tool bar and you can swipe up to show the cart details screen?
Is it better to create the front or backend first?
Parabéns pela iniciativa
Hey, did someone understand how to make the camera tab width smaller? Can anyone help?
Amazing tutorial. Thanks so much
Can you help me fight illegal software? I will give you money
Thank you very much for your assistance.
My pleasure
Great video learned a lot. Thank You....
You should try flex position absolute on the div that holds the text
this is awesome.. thank you so much for sharing
in this video, which backend you used?
Thanks Savin for the good work,helping this a lot, can we use text editor for react native just like slack i.e.,bold,italic etc...
can i use django rest framework as backend instead of AWS simplify
Is there a way to feed a custom data to the ai so that the ai can answer our questions based on the that data?
Most probably yes
The reason of ' Property Users are incompatible ' is because instead of users: [User], it should be users: User[]
please can someone help me have been trying to join the practice but my naviation folder is showing two files and one is index.tst and linking configuration there is no bottomTabnavigation