reassure
react-cool-inview
Our great sponsors
reassure | react-cool-inview | |
---|---|---|
3 | 1 | |
1,102 | 1,461 | |
2.3% | - | |
7.1 | 3.9 | |
about 16 hours ago | 9 months 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
react-cool-inview
-
React Hooks for infinite scroll: An advanced tutorial
As the purpose of this article is infinite loading, weβre not going to go into the implementation details of the Intersection Observer API, and instead use an existing React Hook that provides that functionality for us, react-cool-inview.
What are some alternatives?
best - :trophy: Delightful Benchmarking & Performance Testing
react-cool-virtual - π β»οΈ A tiny React hook for rendering large datasets like a breeze.
virtual - π€ Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and Svelte
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
react-native-graph - π Beautiful, high-performance Graphs and Charts for React Native built with Skia
react-awesome-reveal - React components to add reveal animations using the Intersection Observer API and CSS Animations.
react-render-tracker - React render tracker β a tool to discover performance issues related to unintentional re-renders and unmounts
svelte-inview - A Svelte action that monitors an element enters or leaves the viewport.π₯
use-local-storage-state - React hook that persists data in localStorage
recyclerlistview - High performance listview for React Native and web!
animate-css-grid - Painless transitions for CSS Grid