In this video, we’re building an Apple-style Invite App using React Native and Reanimated. We’ll design a beautiful UI with blur effects, animations, and smooth transitions using Reanimated 4.
💻 Source Code: https://github.com/notJust-dev/AppleInvites
⚛️ React Native Mastery is the ONLY course you need to Master mobile development with React Native & Expo 🚀
Enroll here: https://www.notjust.dev/react-native-mastery
📚 This video includes a lot of tools and technologies, providing an excellent opportunity to learn about:
- Expo for building a cross-platform mobile app
- React Native for simple UI development
- Reanimated 4 for smooth animations
- Tailwind CSS for styling elements in RN
- Blur effects for an Apple-style UI
- CSS animations for interactive elements
- Gesture handling for a seamless user experience
- Navigation and transitions in React Native
💡 Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJust-dev/discussions
💬 Join the notJust Development gang and let's build together:
Twitter: https://twitter.com/VadimNotJustDev
Instagram: https://www.instagram.com/VadimNotJustDev
Facebook: https://www.facebook.com/notjustdev
LinkedIn: https://www.linkedin.com/in/vadimsavin
Discord: https://discord.gg/VpURUN2
Timecodes:
0:00 Intro and Project Overview
3:17 Initialising a new Expo Project
8:44 Introduction to Tailwind CSS
11:47 Building the Welcome Screen
32:44 Adding Event Cards and Blur
1:07:10 Adding Layout Animations
1:24:20 Cards Auto-Scrolling and Gesture Based Scrolling
2:09:15 Adding Cards Infinite Scroll
2:28:31 Implementing Card Rotation
2:40:47 Implementing Update Cards Active Index
2:56:53 Creating Reusable Marquee Component
3:27:49 Building the Create Event Screen
3:57:45 Project Demo and Outro
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 #appleinvites #reactnative