Skip to content

Commit

Permalink
Update compatibility and document fabric-only support for Reanimated 4 (
Browse files Browse the repository at this point in the history
#6914)

Updating compatibility info on Reanimated 4 pages.
  • Loading branch information
kmagiera authored Jan 21, 2025
1 parent 82dde81 commit 9a907dd
Show file tree
Hide file tree
Showing 4 changed files with 8 additions and 31 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -4,4 +4,4 @@
"link": {
"type": "generated-index"
}
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -4,4 +4,4 @@
"link": {
"type": "generated-index"
}
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,11 @@ React Native Reanimated is a powerful animation library built by [Software Mansi

With Reanimated, you can easily create smooth animations and interactions that run on the [UI thread](/docs/fundamentals/glossary#ui-thread).

## Prerequisites

Reanimated 4.x works only with [the React Native New Architecture (Fabric)](https://reactnative.dev/architecture/landing-page).
If your app still uses the old architecture, you can use Reanimated in version 3 which is still actively maintained.

## Quick start

If you don't have an existing project, you can create a new Expo app using a template:
Expand Down
30 changes: 1 addition & 29 deletions packages/docs-reanimated/docs/guides/compatibility.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -5,40 +5,12 @@ sidebar_label: Compatibility

# Compatibility table

### Currently supported React Native versions (Paper)

<div className="compatibility">

| | 0.63 | 0.64 | 0.65 | 0.66 | 0.67 | 0.68 | 0.69 | 0.70 | 0.71 | 0.72 | 0.73 | 0.74 | 0.75 | 0.76 | 0.77 |
| ------------------------------------ | ------ | ------ | ------ | ------ | ------ | ------ | ------ | ------ | ------ | ------ | ------ | ------ | ------ | ------ | ------ |
| <Version version="3.17.0-nightly"/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> |
| <Version version="3.16.7"/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> |
| <Version version="3.16.0 – 3.16.6"/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> |
| <Version version="3.15.x"/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> |
| <Version version="3.9.x – 3.14.x"/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> |
| <Version version="3.6.x – 3.8.x"/> | <No/> | <No/> | <No/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> | <No/> |
| <Version version="3.5.x"/> | <No/> | <No/> | <No/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> | <No/> | <No/> |
| <Version version="3.3.x – 3.4.x"/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> | <No/> | <No/> |
| <Version version="3.0.x – 3.2.x"/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> |
| <Spacer/> | | | | | | | | | | | | | | | |
| <Version version="2.14.x – 2.17.x"/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> |
| <Version version="2.11.x – 2.13.x"/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> |
| <Version version="2.10.x"/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> |
| <Version version="2.5.x – 2.9.x"/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> |
| <Version version="2.3.x – 2.4.x"/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> |

</div>

:::info
Reanimated 2 won't receive support for newest React Native versions. To get the latest React Native features and updates, upgrade to Reanimated 3.
Reanimated 4 works only with the React Native New Architecture. If your app still uses the old architecture, you can use Reanimated in version 3 which is still actively maintained.
:::

### Supported React Native versions on the New Architecture (Fabric)

To use Reanimated with [the New Architecture](https://reactnative.dev/docs/the-new-architecture/landing-page), update the package to at least version 3.0.0.

Reanimated supports the [bridgeless mode](https://github.com/reactwg/react-native-new-architecture/discussions/154).

<div className="compatibility">

| | 0.63 | 0.64 | 0.65 | 0.66 | 0.67 | 0.68 | 0.69 | 0.70 | 0.71 | 0.72 | 0.73 | 0.74 | 0.75 | 0.76 | 0.77 |
Expand Down

0 comments on commit 9a907dd

Please sign in to comment.