Getting Started with React Native Skia - Shopify
Dec 4, 2023

Summary
This post introduces React Native Skia to a broader audience by providing a getting started guide. It covers the use cases for RN Skia, demonstrating how to draw basic shapes and custom paths using SVG notation and imperative commands. It details how to integrate with `react-native-reanimated` for animations, explaining shared values and animation functions like `withRepeat` and `withSpring`. It also shows how to add interactivity using `react-native-gesture-handler` and apply simple visual effects like blur. The post includes code examples and challenges for readers to practice.
More from the React Native Animation Performance trail
- FlashList v2: A ground-up rewrite for React Native's New Architecture (2025) - Shopify
- The Future of React Native Graphics: WebGPU, Skia, and Beyond (2025) - Shopify
- Improving Shopify App’s Performance - Shopify
- Making Your React Native Gestures Feel Natural - Shopify
- React Native Skia: A Year in Review and a Look Ahead - Shopify