Our great sponsors
-
react-lazyload
Discontinued Lazy load your component, image or anything matters the performance. [Moved to: https://github.com/twobin/react-lazyload] (by jasonslyvia)
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
It took me a while to figure out how to lazy load images using the excellent React Lazyload component.
React Virtualized (Seems heavy but feature-rich)
React Infinite (Higher barrier to entry due to complexity)
React Lazylist (Straight-forward but not sure if optimal for images)
Variable size items, sticky positioning, scrollTo, hook mode are supported. Created with performance in mind
Related posts
- Thoughts on this Timeline design I've been working on?
- How to render a component only when it's in the viewport?
- Effectively rendering lists using the `useMemo` hook in React.js
- 7 React optimization techniques you should know
- How to implement a React infinite scroll component for a chat app like Facebook Messenger?