Skip to content

Commit 5db52dd

Browse files
docs: improve comparison table with use case format and check emojis
1 parent 3c073ed commit 5db52dd

1 file changed

Lines changed: 11 additions & 10 deletions

File tree

README.md

Lines changed: 11 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -16,16 +16,6 @@ Lightweight declarative animations powered by platform APIs. Uses Core Animation
1616
- **Shared element transitions** — Use Reanimated or React Navigation's shared element transitions.
1717
- **Old architecture** — Fabric (new architecture) only.
1818

19-
## When to use this vs Reanimated
20-
21-
| Use react-native-ease | Use Reanimated |
22-
|---|---|
23-
| Fade in a view | Gesture-driven animations |
24-
| Slide/translate on state change | Complex interpolations |
25-
| Scale/rotate on press | Shared values across components |
26-
| Simple enter animations | Layout animations |
27-
| You want zero config | You need animation worklets |
28-
2919
## Installation
3020

3121
```bash
@@ -54,6 +44,17 @@ function FadeCard({ visible, children }) {
5444

5545
`EaseView` works like a regular `View` — it accepts children, styles, and all standard view props. When values in `animate` change, it smoothly transitions to the new values using native platform animations.
5646

47+
## When to use this vs Reanimated
48+
49+
| Use case | Ease | Reanimated |
50+
|---|---|---|
51+
| Fade/slide/scale on state change || |
52+
| Enter/exit animations || |
53+
| Gesture-driven animations (pan, pinch) | ||
54+
| Shared values across components | ||
55+
| Layout animations (width, height) | ||
56+
| Complex interpolations & chaining | ||
57+
5758
## Guide
5859

5960
### Timing Animations

0 commit comments

Comments
 (0)