hub / github.com/enzomanuelmangano/animate-with-reanimated

github.com/enzomanuelmangano/animate-with-reanimated @main

67 symbols 270 edges 76 files 0 documented · 0%

What it actually does AI analysis from the code graph — generated when you open this

loading…

README

Animate with Reanimated 🐢

Animate with Reanimated is a YouTube series where I try to build from scratch simple and instructive animations with the help of the following packages:

Sounds interesting? Click here!

Would you like to support me?

If you like my work and want to support me, the easiest way is to subscribe to my YouTube channel. This seems like an easy task, but it means a lot to me.

Other ways to support me and get exclusive content:

My course (Reanimate.dev): Are you really into animations? Fantastic! This makes two of us. Here you can access my React Native animations course and learn how to improve your animations skills.
Patreon: Every week, since a couple of years, I've been sharing a new special animation with my Patrons. If you want to access all of them, you can become a Patron.

Available Tutorials

Extension points exported contracts — how you extend this code

PageProps (Interface)

(no doc)

src/animations/02-interpolate-with-scrollview/components/Page.tsx

TaskInterface (Interface)

(no doc)

src/animations/09-swipe-to-delete/App.tsx

ListItemProps (Interface)

(no doc)

src/animations/09-swipe-to-delete/components/ListItem.tsx

Item (Interface)

(no doc)

src/animations/14-layout-animations/App.tsx

RippleProps (Interface)

(no doc)

src/animations/10-ripple-effect/components/Ripple.tsx

Core symbols most depended-on inside this repo

clamp

called by 2

src/animations/12-sliding-counter/components/SlidingCounter.tsx

withCustomBackIcon

called by 1

src/navigation/with-custom-back-icon-hoc.tsx

useAnimatedShake

called by 1

src/animations/20-shake-animation/hooks/use-animated-shake.ts

useCuisines

called by 1

src/animations/23-checkbox-interactions/src/hooks/useCuisines.ts

handleRotation

called by 1

src/animations/00-introduction-to-reanimated/App.tsx

src/animations/02-interpolate-with-scrollview/App.tsx

Page

called by 0

src/animations/02-interpolate-with-scrollview/components/Page.tsx

Shape

Function 59

Interface 8

Languages

TypeScript100%

Modules by API surface

src/animations/14-layout-animations/App.tsx2 symbols

src/animations/13-clock-loader/components/Square.tsx2 symbols

src/animations/12-sliding-counter/components/SlidingCounter.tsx2 symbols

src/animations/10-ripple-effect/components/Ripple.tsx2 symbols

src/animations/09-swipe-to-delete/components/ListItem.tsx2 symbols

src/animations/09-swipe-to-delete/App.tsx2 symbols

src/animations/07-color-picker/components/ColorPicker.tsx2 symbols

src/animations/06-scroll-behavior-with-pan-gesture/components/Page.tsx2 symbols

src/animations/02-interpolate-with-scrollview/components/Page.tsx2 symbols

src/animations/00-introduction-to-reanimated/App.tsx2 symbols

src/navigation/with-custom-back-icon-hoc.tsx1 symbols

src/index.tsx1 symbols

For agents

$ claude mcp add animate-with-reanimated \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

github.com/enzomanuelmangano/animate-with-reanimated @main

Animate with Reanimated 🐢

Would you like to support me?

Other ways to support me and get exclusive content:

Available Tutorials

Extension points exported contracts — how you extend this code

Core symbols most depended-on inside this repo

Shape

Languages

Modules by API surface

For agents

Ask about this repo answers extend the page