reassure
virtual
Our great sponsors
reassure | virtual | |
---|---|---|
3 | 2 | |
1,097 | 5,028 | |
2.3% | 3.6% | |
7.1 | 8.4 | |
9 days ago | 8 days ago | |
TypeScript | TypeScript | |
MIT License | 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.
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
virtual
-
Is Lazy Loading Necessary For This?
Another solution could be virtualization (but perhaps that’s what you meant by lazy loading). Here’s a great lib for that: https://github.com/TanStack/virtual
-
how is infinite scroll done nowadays?
Interesting question, although I don't know the definitive way it is handled nowadays. I think looking into the source code of the popular infinite-scroll packages might help like: react-window: https://github.com/bvaughn/react-window virtual: https://github.com/tanstack/virtual
What are some alternatives?
best - :trophy: Delightful Benchmarking & Performance Testing
react-virtual - 🤖 Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and Svelte [Moved to: https://github.com/TanStack/virtual]
react-native-graph - 📈 Beautiful, high-performance Graphs and Charts for React Native built with Skia
react-ui-scrollspy - Customizable Scroll Spy component for react which is Simple, Easy To Use and Lightweight with callback, typescript, auto-update URL hash and throttle support among others.
react-render-tracker - React render tracker – a tool to discover performance issues related to unintentional re-renders and unmounts
headless-d3 - Experiments using D3 as a headless chart library for reusable code across different frameworks
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
icons - Effortless Icon Packs & Components for Svelte, React, Vue and more..
recyclerlistview - High performance listview for React Native and web!
Project-Mendacius - A GUI based virtualisation tool for running Linux on macOS Big Sur (x86 or arm64)
image-actions - A Github Action that automatically compresses JPEGs, PNGs and WebPs in Pull Requests.
React horizontal scrolling menu - Horizontal scrolling menu component for React.