Build a Todoist Clone with React Native (RevenueCat, Clerk, Sentry, Expo, Reanimated, SQLite)

💰 RevenueCat: https://dub.sh/revenuecat
🔐 Clerk: https://go.clerk.com/1vaJMZL
🔔 Sentry: https://dub.sh/sentry

Learn how to build a React Native Todoist clone! From user authentication to subscription management, this video covers everything you need to create a polished and professional app.

In this exciting tutorial, you'll learn how to do the following:

Key Features:
🚀 Use Expo to set up a custom dev client app
🌐 Use Expo file-based routing
🔥 Work with SQLite and Drizzle
💰 Handle Subscriptions with RevenueCat Paywall
🦄 Use Native Bottom Tabs
🧾 Build Forms with React Hook Form
🔐 Protect pages with Expo Router and Clerk authentication
🪲 Debug and Profile our app with Sentry
💫 Store settings with MMKV
📆 Add a calendar component with agenda list
🍎 Setup a dynamic app icon
⚡️ Build a Swipeable component with Gestures

A LOT OF FUN 🚀

LINKS
🔥 Learn React Native FAST: https://galaxies.dev
💰 Use RevenueCat: https://dub.sh/revenuecat
🔐 Try Clerk: https://go.clerk.com/1vaJMZL
🔔 Integrate Sentry: https://dub.sh/sentry
👨‍💻 Get the code: https://github.com/Galaxies-dev/todoist-clone-react-native

#############################

❤️ You can also find me on:
Twitter: https://twitter.com/schlimmson
Instagram: http://instagram.com/simongrimm_
Bluesky: https://bsky.app/profile/galaxies.dev

#############################

00:00 About this clone
00:47 Take Your Apps to The Next Level
02:31 To-Do List Clone Overview
06:47 Setting up your Dev Client
11:08 Building the Login Flow
30:45 Native Tab Bar & Routing
54:45 Building Reusable Components
01:14:39 Working with SQLite
01:36:24 SectionList and Task Component
02:02:20 Adding Error & Performane Tracking with Sentry
02:25:23 Managing Projects
03:03:15 In App Subscriptions with RevenueCat Paywall
03:31:44 Creating a Task Form Sheet
04:03:56 Adding a Datepicker
04:26:21 React Native Modal & Details
04:43:04 Display Upcoming Todos with Calendar
04:58:00 Customise the App Icon
05:09:52 Adding Swipe Gesture
05:30:29 Recap

Тэги:

#app_development #learn_react #react_course #react_native #ios_development #react_tutorial #react_native_tutorial #react_native_app #full_course_react_native #clerk #reanimated #expo_router #galaxies #galaxies.dev #simon_grimm #expo_sqlite #react_native_subscriptions #react_antive_revenuecat #react_native_sentry #expo_date_picker #react_native_calendar #react_native_drizzle

Скачать видео