react-native-reanimated README

The project's README from github.com/software-mansion/react-native-reanimated. As one markdown file: README.md.

React Native Reanimated and React Native Worklets by Software Mansion

Ad Ad Ad

Reanimated & Worklets

This repository contains two main packages:

Create smooth animations with an excellent developer experience.

Reanimated 4 is here! Check out our documentation page for more information

Nightly CI state

Main branch build NPM Reanimated publish [Nightly] NPM Worklets publish [Nightly] Reanimated + Worklets compatibility check Reanimated compatibility check Use frameworks Reanimated build check [Nightly] React Native nightly Reanimated build check Expo DevClient build check Reanimated TypeScript compatibility test Windows hosted app Reanimated build check URL validation Runtime tests nightly Runtime tests sanitizers nightly

Installation

Check out the detailed installation instructions for Reanimated and instructions for Worklets on their dedicated documentation pages.

Compatibility

Reanimated 4.x and Worklets support only the New React Native architecture and three latest React Native versions.

If your app still runs on the old architecture, please consider adopting the New Architecture or stay with latest 3.x release.

Documentation

You can find more information about Reanimated and Worklets, their API references and more in their dedicated documentation pages:

Examples

The source code for the example (showcase) app is under the apps/common-app directory. If you want to play with the API but don't feel like trying it on a real app, you can run the example project. Check Example README for installation instructions.

License

Reanimated and Worklets libraries are licensed under The MIT License.

Community Discord

Join the Software Mansion Community Discord to chat about Reanimated, Worklets or other Software Mansion libraries.

Reanimated and Worklets are created by Software Mansion

Since 2012 Software Mansion is a software agency with experience in building web and mobile apps. We are Core React Native Contributors and experts in dealing with all kinds of React Native issues. We can help you build your next dream product – Hire us.

react-native-reanimated (software-mansion/react-native-reanimated)

Searching Database…

11K ·GitHub
React-native-reanimated
Что это такое?React Native Reanimated — библиотека для создания плавных, быстрых анимаций и интерактивных элементов, управляемых жестами, в React Native. Она переосмысляет API Animated с использованием современного подхода. В репозитории также есть React Native Worklets — сопутствующая библиотека, которая позволяет выполнять JavaScript-код в нескольких потоках.
Это отдельное приложение или библиотека, которую я добавляю в свой проект на React Native?Это библиотека (точнее, два пакета: Reanimated и Worklets), которую вы устанавливаете в существующий проект на React Native, а не отдельное приложение.
Как добавить её в проект на React Native?Следуйте отдельной инструкции по установке на страницах документации Reanimated и Worklets; в самом README единой команды для установки нет.
Требует ли она New Architecture или можно использовать старую архитектуру?Reanimated 4.x и Worklets поддерживают только New Architecture в React Native и три последние версии RN; приложениям, которые всё ещё работают на старой архитектуре, нужно оставаться на версии 3.x.
Что делать, если моё приложение ещё не перешло на New Architecture?Вам придётся использовать более старую ветку Reanimated 3.x, поскольку версии 4.x и Worklets полностью отказались от поддержки старой архитектуры.
Работает ли она и на iOS, и на Android?Да, это кроссплатформенная библиотека для React Native, и в CI есть проверки сборок как для Android, так и для Apple (iOS).
Как попробовать её, не добавляя в реальное приложение?В репозитории есть демонстрационное приложение в apps/common-app, которое можно запустить, чтобы изучить API, не интегрируя его в рабочий проект.
Что именно представляет собой React Native Worklets?Worklets — это сопутствующий пакет, который позволяет запускать JavaScript-функции в отдельных потоках внутри приложения на React Native; Reanimated опирается на него для многопоточных анимаций.
What are similar projects?ng-native, morphlet, react-native-elements, react-native-swiper, liquid-glass-screens, react-native-snap-carousel, react-native-skia, react-native-maps
Which topics is it in?multithreading, react-native, mobile-app, animation, mobile, ios, android, npm, frontend, library, typescript, javascript
Creator
software-mansion
Size
835.3 MB
Stars
11K
Updated
CommitOct 16Release4.7.1Oct 02
Age
8y
Commits · 90 Days