React Native Reanimated - Donut Chart
![React Native Reanimated - Donut Chart](/content/images/size/w2000/2022/05/Green-and-White-Illustration-Science-Class-Education-Presentation--24-.png)
In this post, we will learn how to create an animated donut chart component in React Native using React Native Reanimated and React Native SVG.
I m playing with Reanimated library for fun purposes from time to time. Recently I show a video on Youtube from Catalin Miron. He showed how to make a donut chart with React Native Animated API. After I saw this video I decided to make the same chart with Reanimated API.
Reanimated is simple and cleaner than Animated API. I used useAnimatedProps
hooks to update the Animation of SVG progress and Text value.