reassure
recyclerlistview
Our great sponsors
reassure | recyclerlistview | |
---|---|---|
3 | 18 | |
1,097 | 5,124 | |
2.3% | 0.7% | |
7.1 | 0.0 | |
11 days ago | about 1 month ago | |
TypeScript | TypeScript | |
MIT License | Apache License 2.0 |
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.
reassure
-
Performance Regression Testing for React Native
In this article, I presented a few simple examples of things that can cause performance problems in the long run. As you've noticed, minor refactoring led to a 93.1% performance improvement. Even though performance issues presented in the article can be caught during a thorough PR review, that can become inherently harder in complex codebases and as your React Native app grows. Making Reassure part of your test suite to address potential performance regressions and automate things in CI would greatly benefit you in the long run. Also, if you already write tests with react-native-testing-library (If you don't, you definitely should), creating Reassure perf tests is, to some degree, a copy-paste of existing tests with slight modification so that it can be quickly introduced into the development workflow. Due to the open-source nature of Reassure, if you have improvement suggestions, feel free to create issues in the repo, and Reassure team will address them.
- callstack/reassure: Performance testing companion for React and React Native
- Performance testing companion for React and React Native
recyclerlistview
-
React native expo chat ui problem-flatlist frames dropping and scroll lag issue
You could try a Recycler list view https://github.com/Flipkart/recyclerlistview . I personally haven’t used it but I’ve heard a lot of good things about it
-
What is the fix for having a scrollable screen and having nested flat lists
If you need more customization you can check out https://github.com/Flipkart/recyclerlistview and merge your flatlist into one recyclerlistview with different rendering types
-
TOP 6 React Native libraries with native performance ⚡️
FlashList is based on RecyclerListView but has an API similar to FlatList, which makes migration very simple and has many additional features. For example, FlashList provides metrics API, which allows you to measure performance problems and find proper params configuration for your list component. Also, it supports animation with Reanimated and layouts like Masonry.
-
Slow update on selectable FlatList [Android]
I read about FlashList, Big-List, RecyclerListView. I'll give it a try to check if any of them improves performance.
-
Having trouble with react native flatlist it keeps glitching
Use This: https://github.com/Flipkart/recyclerlistview
-
💬 Full-featured high performance chat UI for React Native
🚀 Using recyclerlistview for rendering messages
-
Large Flatlist optimization tips?
Try looking into https://github.com/Flipkart/recyclerlistview -- It has a bit of a learning curve but the performance improvements that you get out of box are well worth it. Try it after the other improvements people in this thread mentioned :D
- Any React Native "FlatList" library using JSI under the hood ?
-
How to make that optimization in React Native?
https://github.com/Flipkart/recyclerlistview if you want to go even further than FlatList, but for most cases FlatList just works
-
Use flatlist inside Scrollview
Why can't you try RecyclerListView, Flipkart is using it in production.
What are some alternatives?
best - :trophy: Delightful Benchmarking & Performance Testing
flash-list - A better list for React Native
virtual - 🤖 Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and Svelte
react-native-skeleton-placeholder - SkeletonPlaceholder is a React Native library to easily create an amazing loading effect.
react-native-graph - 📈 Beautiful, high-performance Graphs and Charts for React Native built with Skia
react-native-big-list - This is a high performance list view for React Native with support for complex layouts using a similar FlatList usage to make easy the replacement. This list implementation for big list rendering on React Native works with a recycler focused on performance and memory usage and so it permits processing thousands items on the list.
react-render-tracker - React render tracker – a tool to discover performance issues related to unintentional re-renders and unmounts
react-native-big-calendar - gcal/outlook like calendar component for React Native
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
react-native-image-cache - React-Native image caching in file system with progressive loading for iOS and Android
image-actions - A Github Action that automatically compresses JPEGs, PNGs and WebPs in Pull Requests.
expo-image-editor - A super simple image cropping and rotation tool for Expo that runs on iOS, Android and Web!