This video is sponsored by ImageKit, your real-time media processing API and Digital Asset Management solution: [ Ссылка ]
In this video, we'll build a Google Photos clone using React Native, Supabase and ImageKit, creating a full stack app for both web and mobile. You'll learn how to handle image and video optimization with ImageKit, making your app fast and efficient, and you'll learn the basics of User Interface design. If you're ready, let's get started 🚀
*📝 Project Page:* [ Ссылка ]
*💻 Source Code:* [ Ссылка ]
⚛️ *React Native Mastery* is the *ONLY* course you need to Master mobile development with React Native & Expo 🚀
*Join the waitlist now:* [ Ссылка ]
📚 This video includes a lot of tools and technologies, providing an excellent opportunity to learn about:
- Building cross-platform mobile and web applications with a single codebase using React Native.
- Building, deploying, and managing React Native apps with Expo.
- Implementing cloud storage solutions with Supabase for reliable media backup and synchronization.
- Optimizing images and videos with ImageKit for fast loading times and high-quality media display.
- Beautiful Responsive User Design, making sure your app looks great on any device
❗Try our *FREE* 2-day Masterclass on notJust.Academy: [ Ссылка ]
💡 Have an idea for a future tutorial? Share it on our Idea Board: [ Ссылка ]
*💬 Join the notJust Development gang and let's build together:*
Twitter: [ Ссылка ]
Instagram: [ Ссылка ]
Facebook: [ Ссылка ]
LinkedIn: [ Ссылка ]
Discord: [ Ссылка ]
Timecodes:
0:00 Intro and Project Overview
1:44 ImageKit: Media Optimisation
5:24 Initialising the project
15:24 Loading and displaying photos from Media Library
41:18 Implementing pagination for local media
58:10 Using React Context to add global state for media files
1:14:50 Creating the asset details page
1:36:09 Supabase setup and Authentication
2:07:48 Implementing File Upload to Supabase
2:43:43 Integrating ImageKit in our App
3:03:47 Storing the assets metadata and Synchronization
3:27:34 Checking local and remote images
3:50:59 Implementing Video Support
Disclaimer: This build is for educational purposes only. All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity I have been, am now, or will be affiliated with.
#notjustdev #googlephotos #reactnative
Building a Google Photos Clone in React Native
Теги
vadim savinnot just developmentnotjust.devlive codingreact tutorialreact native tutorialreact native for beginnersReact Nativestep-by-step tutorialmobile developmentapp tutorialexpo tutoriallearn react nativegoogle photos clonefull stack appimagekitimage optimizationvideo optimizationcross-platform developmentcloud storageresponsive designcoding tutorialgoogle photos uiUser interface react nativeUI React Native