restyle VS react-native-reanimated

I’ve just rebuilt my React Native app template with shopify restyle and Expo 48.

I use Restyle https://shopify.github.io/restyle/ since I discovered it, my code is so much cleaner. I have tried NativeBase before, it was really good but it has a very bad performance.

Restyle is my personal favorite. It’s strongly inspired by the amazing, albeit a bit outdated, styled-system for web, but is fully type-safe and has amazing customization options.

I personally prefer Restyle

💅 Minimal UI kit using @shopify/restyle with theming

If you are building out your own custom components use restyle https://github.com/Shopify/restyle

Forget CSS pseudo-elements and selectors; in React Native, we inline the styles. The recommended approach is to use a StyleSheet object, but I enjoy using Styled Components in a similar way as on the web. If you are a fan of styled systems, Restyle from Shopify is gaining popularity.

Supports Animation: Tamagui leverages the popular open-source library — Moti as a reanimated driver for animation libraries such as react-native-reanimated and React Native Animated.

FYI react-native-reanimated (https://github.com/software-mansion/react-native-reanimated) is not the Animated API from React Native. react-native-reanimated allows JS code to run on a UI thread that is able to synchronously modify layout, providing alternative synchronous ways for you to hook into the layouting. For instance, as opposed to the asynchronous `measure()` method provided by React Native to measure layouts, react-native-reanimated allows one to call their version of `measure()` (https://docs.swmansion.com/react-native-reanimated/docs/api/...) to perform the same operation on the UI thread, synchronously.

By using libraries like Reanimated, React Native MMKV, and React Native Skia, you leverage the native thread. However, I know there are developers building amazing things who think outside the box. I'm always thrilled when I read engineering blogs from companies like Netflix, Meta, and Shopify. They create solutions beyond the limits.

Currently having issues with reanimated (expo installs 2.14.4). My app will crash randomly – possibly linked to these issues here and here.

Reanimated is probably what you're looking for. https://docs.swmansion.com/react-native-reanimated/

One of is: https://github.com/software-mansion/react-native-reanimated/issues/2327

use third party lib that is a beast, but will require a lot of work and upfront knowledge (https://docs.swmansion.com/react-native-reanimated/)

Catalin Miron is also good. Reanimated 2 animations are still relevant. I also would suggest reading the reanimated docs here. That's how I find my way around.