ImmersiveAmbientModecolor: #e1d5d3 (color 2)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: af5c8913605f2ab2a4192a976066fe72066735b72a103d24698aac171e10dab2225f3726b2b37b3864f342bafebe311a
Proxy : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1715359399285 - unknown on Apple WebKit
Mystery text : aVd6VVppVm9pUjAgaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
99,584 Views β’ Nov 7, 2023 β’ Click to toggle off description
π Use Expo file-based routing
π Use Clerk for user authentication
π Add Sign-in with Apple and Google Auth
π Work with Reanimated for Animations
π Create a Parallax effect
π Display a Bottom Sheet
π Show a Map and use Cluster
+ A LOT OF FUN π
LINKS
π₯ Learn React Native FAST: galaxies.dev/
π Try Clerk: dub.sh/IXTkVYO
π¨βπ» Get the code: github.com/Galaxies-dev/airbnb-clone-react-native
#############################
β€οΈ You can also find me on:
Twitter: twitter.com/schlimmson
Instagram: instagram.com/simongrimm_
#############################
00:00 Intro
01:04 AirBnB Clone Overview
04:41 App Setup and Navigation
31:49 Clerk Auth with Google & Apple
01:11:24 Explore Page Custom Header
01:45:21 Listings and Parallax Image
02:33:20 Map View with Marker
02:58:46 Bottom Sheet List
03:21:07 User Profile with Update and Logout
03:41:56 Animated Filter Modal
04:40:35
Views : 99,584
Genre: Science & Technology
Date of upload: Nov 7, 2023 ^^
Rating : 4.964 (26/2,876 LTDR)
RYD date created : 2024-05-10T09:22:40.06604Z
See in json
YouTube Comments - 272 Comments
Top Comments of this video!! :3
I am pretty new to learning React Native and this tutorial was quite enjoyable to learn from. Looking forward to more videos in the future, thanks Simon!!
3 |
Best tutorial for React Native! Thank you!
2 |
AMAZING TUTORIAL π!!
Simon you always put 100% into your videos, thank you so much!
9 |
Thank you so much man. Appreciate all the effort you put into making this πͺ
3 |
Huge and amazing RN/Expo tutorial... another big part is adopting this code for react-native-web
1 |
man, this is such an underrated tutorial, everything is really well explained and done step by step. Thank you so much for making this free, wish you the best of luck!
15 |
I just started learning react native amd i think you are the best youtuber for it out there after 1 week of searching and watching tutorials
|
Great !!! I`m looking forward to see more projects like that !
Thank you for work !
1 |
This is explained soooo well, thank you so much Simon for taking it slow and explaining some things twice. Really well done!
Currently 30 minutes in, will finish it tomorrow :)
10 |
Amazing! this is exactly what I was looking for. What would be really cool if you can show us how we can connect from the mobile app to an express server and use Clerk on both sides to make sure that the user is authenticated when calling the express API. I have never seen tutorials about this.
5 |
Just came accrostthis page just learned reactjs, react native is different and exciting for the future, i love that in the first 20min that you are comfortable making the app, i want to do it myself
1 |
You just made react-native easy to learn simon, I want to really really thank you , great work !
1 |
I'm loving the application already can't wait to cofe side by side this video. Great job man keep it coming π§βπ»π§βπ»π
|
Great overview for becoming familiar with React Native. I have a background in React, but I really just needed an overview/tutorial showing implementation of React Native. Thanks again!
2 |
thanks for the efforts simonπ₯π―
1 |
Really apprecitate your efforts, Thanks Simon I became a daily users of your channel.
1 |
Super nice presentation style and clear instructions! Instant Sub after 20 minutes!β€
Vielen Dank fΓΌr das gute Tutorial. Kommt mir gerade sehr recht ;)
1 |
wow thank you so much for sharing the knowledge, liked π and subscribed
1 |
I'm learning RN after a decade of doing native iOS and Android dev. Finished this end-to-end and it was a blast. Thans, Simon, for making all this great material available to us for free!
Used some more patterns like state hoisting after breaking out the booking screen sections (the where, date, and travelers) into their own components. Also used the react-native-collapsible library for the accordion sections. Also added an animation to bring in the new listings based on in which direction you switched categories in the explore header.
1 |
@kamiluhryn
6 months ago
Thanks men, I really appreciate your RN tutorials β You're the best! π
5 |