Build a Native Module from Scratch with Expo Modules API | React Native Haptics Tutorial
Learn how to build a native module from scratch using the Expo Modules API. In this hands-on tutorial, we create a custom Haptics module that triggers native haptic feedback on both iOS and Android. ๐ This video is for members only. Want to unlock this lesson and get lifetime access to the full course? ๐ https://codewithbeto.dev/learn ๐ฌ Newsletter: https://cwb.sh/newsletter?r=yt ๐ฌ Join the Discord community: https://cwb.sh/discord ๐ฆ Follow Beto on X: https://x.com/betomoedano ๐ป GitHub: https://github.com/betomoedano ๐ผ LinkedIn: https://www.linkedin.com/in/betomoedano Timestamps 00:00 - Introduction 00:25 - Creating the Module with Expo CLI 01:06 - Module Structure Overview 01:41 - Difference Between Modules and Views 02:22 - Cleaning Up Boilerplate Code 02:52 - Understanding expo-module.config.json 03:02 - TypeScript Interface Setup 04:04 - Compiling for iOS with Xcode 05:02 - Finding Your Module in Xcode (Development Pods) 05:49 - Running on iOS Device 06:45 - Setting Up Android Studio 07:47 - Running on Android Emulator 08:27 - Defining the Haptics TypeScript Interface 09:43 - Creating the Trigger Haptic Function 10:40 - iOS Native Implementation (Swift) 11:52 - Using UIImpactFeedbackGenerator 13:06 - Apple Documentation for Haptics 13:55 - Testing Haptics on iOS Device 14:17 - Android Native Implementation (Kotlin) 15:04 - Android Vibrator API 15:46 - Adding Android Manifest Permissions 16:22 - Testing on Android Device 16:58 - Best Practices for Native Modules #ReactNative #ExpoModules #MobileDevelopment
Download
0 formatsNo download links available.