fyi
react-native-reanimated
fyi | react-native-reanimated | |
---|---|---|
13 | 61 | |
671 | 8,410 | |
3.3% | 1.2% | |
8.1 | 9.8 | |
8 days ago | 3 days ago | |
JavaScript | TypeScript | |
- | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
fyi
-
Help regarding Expo & RN CLI
So i found out this client was using unimodules for a lot of his libraries. But unimodules has been deprecated and merged into expo now. So now I followed the instructions here, and it looks like I just have migrated my application into expo only as it(expo-upgrade) created created a .expo folder now and also bumped package.json libraries to latest versions.
-
🚀 New updates and improvements from Expo documentation this week
TLDR - Released new updates on EAS Update branch promotion flow deployment pattern to use a separate channel for each production runtime version release build: https://docs.expo.dev/eas-update/deployment-patterns/#branch-promotion-flow - Updates from Expo Modules API getting started guide: When importing a module in your app, you can now use relative paths: https://docs.expo.dev/modules/get-started/#using-the-module. You can still use absolute paths to import the module when creating it locally by using an additional configuration: https://github.com/expo/fyi/blob/main/absolute-path-expo-modules.md - EAS Build serves most dependencies & CocoaPods artifacts from a cache server for Android & iOS. However, in your project if you've ios directory & want cache Podlock.lock you can use paths property in eas.json: https://docs.expo.dev/build-reference/caching/#ios-dependencies - You can always look into EAS Build server infrastructure doc to learn more about the current configurations for Android and iOS build servers: https://docs.expo.dev/build-reference/infrastructure/ - With expo-updates, you can always check for updates manually if they are working or not. Check out the example: https://docs.expo.dev/versions/latest/sdk/updates/#check-for-updates-manually - Hermes apps use this debugging technique automatically when you open the debugger in Expo Go or a development build. For more in-depth info about check out the section on remote debugging: https://docs.expo.dev/guides/using-hermes/#can-i-use-remote-debugging-with-hermes - To add expo-updates to an existing React Native project, you need to configure your project. We recently updated the guide that works with latest React Native version: https://docs.expo.dev/bare/installing-updates/
-
Upgrading to Expo SDK 48 - Firebase analytics issue
I followed the instructions here: https://github.com/expo/fyi/blob/main/firebase-migration-guide.md
-
Unable to send push notifications with APN (Apple Push Notification Service) through Node server.
I got the DevicePushToken and sending APN push notification in the backend with Node, but I just couldn’t get it work in Expo (managed workflow). I followed exactly in docs which poorly documented and I also tried exactly like this.
-
Can't publish to Play Store
Has anyone had success with this tutorial from Expo? We've followed the steps here (https://github.com/expo/fyi/blob/main/creating-google-service-account.md), but in Step 8 ("Return to the API access page on the Google Play Console and ensure it shows your new service account. Click on Grant access for the newly added service account.") the service account just isn't listed.
-
Using Expo and Realm with expo-dev-client
This will create a prebuilt Expo app. That is, you'll see ios and android folders in your project and this won't be a managed Expo app, where all the native details are hidden and Expo takes care of everything. Having said that, you don't need to go into the ios or android folders unless you need to add some native code in Swift or Kotlin.
-
Build an Offline-First React Native Mobile App with Expo and Realm
Right now, Realm is not compatible with Expo Managed Workflows. In a managed Workflow Expo hides all iOS and Android native details from the JavaScript/React developer so they can concentrate on writing React code. Here, we need to prebuild our App, which will mean that we lose the nice Expo Go App that allows us to load our app using a QR code.
-
What is the core limitations of Expo for RN?
The smaller bundle size is also being worked on. Not quite sure what their timeline is, but I think it's pretty soon? See here: https://github.com/expo/fyi/blob/master/managed-app-size.md and/or watch this: https://www.youtube.com/watch?v=7E6zsRpfT4U
- Does Expo 41 (bare workflow) work with RN 0.64?
- How to reduce ReactNative app size?
react-native-reanimated
-
Exploring the Best UI Component Libraries for React Native apps
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.
-
Expo – open-source platform for making universal apps for Android, iOS, and web
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.
-
React Native is Multi Threaded
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.
-
Can I update my Reanimated to a different version?
Currently having issues with reanimated (expo installs 2.14.4). My app will crash randomly – possibly linked to these issues here and here.
-
How can I draw custom vector graphics in ReactNative (equivalent to Flutter CustomPaint) ?
Reanimated is probably what you're looking for. https://docs.swmansion.com/react-native-reanimated/
-
What animation libs you use and why !?
One of is: https://github.com/software-mansion/react-native-reanimated/issues/2327
- What am I doing wrong in rendering Drawer Navigator !?
- Initialise useSharedValue with the right height.
-
Is it possible to use this iOS pop-up menu with RN? I’ve tried googling but haven’t had much luck as I’m not sure what the menu is actually called.
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/)
-
Learning Animations
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.
What are some alternatives?
expo - An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.
moti - 🐼 The React Native (+ Web) animation library, powered by Reanimated 3.
async-storage - An asynchronous, persistent, key-value storage system for React Native.
react-native-animatable - Standard set of easy to use animations and declarative transitions for React Native
realm-js - Realm is a mobile database: an alternative to SQLite & key-value stores
react-native-skia - High-performance React Native Graphics using Skia
expo-native-starter-kit - This starter kit let's you run expo and ejected app together. Which means you can add native modules to your code and still be able to take advantage of expo's development environment
react-native-fast-image - 🚩 FastImage, performant React Native image component.
Realm - Realm is a mobile database: a replacement for Core Data & SQLite
react-native-vision-camera - 📸 A powerful, high-performance React Native Camera library.
read-it-later-maybe - Offline-First React Native Mobile App with Expo and Realm
react-native-debugger - The standalone app based on official debugger of React Native, and includes React Inspector / Redux DevTools