Skip to content

Commit 9a907dd

Browse files
authored
Update compatibility and document fabric-only support for Reanimated 4 (#6914)
Updating compatibility info on Reanimated 4 pages.
1 parent 82dde81 commit 9a907dd

File tree

4 files changed

+8
-31
lines changed

4 files changed

+8
-31
lines changed

packages/docs-reanimated/docs/css-animations/_category_.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,4 @@
44
"link": {
55
"type": "generated-index"
66
}
7-
}
7+
}

packages/docs-reanimated/docs/css-transitions/_category_.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,4 @@
44
"link": {
55
"type": "generated-index"
66
}
7-
}
7+
}

packages/docs-reanimated/docs/fundamentals/getting-started.mdx

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,11 @@ React Native Reanimated is a powerful animation library built by [Software Mansi
1515

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

18+
## Prerequisites
19+
20+
Reanimated 4.x works only with [the React Native New Architecture (Fabric)](https://reactnative.dev/architecture/landing-page).
21+
If your app still uses the old architecture, you can use Reanimated in version 3 which is still actively maintained.
22+
1823
## Quick start
1924

2025
If you don't have an existing project, you can create a new Expo app using a template:

packages/docs-reanimated/docs/guides/compatibility.mdx

Lines changed: 1 addition & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -5,40 +5,12 @@ sidebar_label: Compatibility
55

66
# Compatibility table
77

8-
### Currently supported React Native versions (Paper)
9-
10-
<div className="compatibility">
11-
12-
| | 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 |
13-
| ------------------------------------ | ------ | ------ | ------ | ------ | ------ | ------ | ------ | ------ | ------ | ------ | ------ | ------ | ------ | ------ | ------ |
14-
| <Version version="3.17.0-nightly"/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> |
15-
| <Version version="3.16.7"/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> |
16-
| <Version version="3.16.0 – 3.16.6"/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> |
17-
| <Version version="3.15.x"/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> |
18-
| <Version version="3.9.x – 3.14.x"/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> |
19-
| <Version version="3.6.x – 3.8.x"/> | <No/> | <No/> | <No/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> | <No/> |
20-
| <Version version="3.5.x"/> | <No/> | <No/> | <No/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> | <No/> | <No/> |
21-
| <Version version="3.3.x – 3.4.x"/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> | <No/> | <No/> |
22-
| <Version version="3.0.x – 3.2.x"/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> |
23-
| <Spacer/> | | | | | | | | | | | | | | | |
24-
| <Version version="2.14.x – 2.17.x"/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> |
25-
| <Version version="2.11.x – 2.13.x"/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> |
26-
| <Version version="2.10.x"/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> |
27-
| <Version version="2.5.x – 2.9.x"/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> |
28-
| <Version version="2.3.x – 2.4.x"/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <Yes/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> | <No/> |
29-
30-
</div>
31-
328
:::info
33-
Reanimated 2 won't receive support for newest React Native versions. To get the latest React Native features and updates, upgrade to Reanimated 3.
9+
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.
3410
:::
3511

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

38-
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.
39-
40-
Reanimated supports the [bridgeless mode](https://github.com/reactwg/react-native-new-architecture/discussions/154).
41-
4214
<div className="compatibility">
4315

4416
| | 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 |

0 commit comments

Comments
 (0)