---
title: "Bézier Curves — React Native Gestures and Animations"
url: https://daily.dev/posts/be-zier-curves-react-native-gestures-and-animations-roq0bjpyw
source_url: https://www.youtube.com/watch?v=mGEVHhYgQ3s
type: video:youtube
source: "William Candillon"
published: 2026-06-17T14:03:57.002Z
updated: 2026-06-17T14:04:40.209Z
tags: ["react-native", "svg"]
reading_time: 18
upvotes: 0
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Bézier Curves — React Native Gestures and Animations

**[William Candillon](https://daily.dev/sources/wcandillon)** · 18 min read · 0 upvotes · 0 comments

## Summary

An introductory lesson on Bézier curves in the context of React Native animations. Covers what cubic Bézier curves are, how they are used in easing and shape morphing, and walks through a hands-on implementation using Reanimated 2 shared values, PanGestureHandler, and SVG animated components. Also introduces the Redash library's path utilities (createPath, addCurve, serialize, interpolatePath) as a foundation for more complex shape morphing in future lessons.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://www.youtube.com/watch?v=mGEVHhYgQ3s>

---

Tags: [#react-native](https://daily.dev/tags/react-native), [#svg](https://daily.dev/tags/svg)

[View this post on daily.dev](https://daily.dev/posts/be-zier-curves-react-native-gestures-and-animations-roq0bjpyw)