Lazy load toots using IntersectionObserver (#3191)
* refactor(components/status_list): Lazy load using IntersectionObserver * refactor(components/status_list): Avoid setState bottleneck * refactor(components/status_list): Update state correctly * fix(components/status): Render if isIntersecting is undefined * refactor(components/status): Recycle timeout * refactor(components/status): Reduce animation duration * refactor(components/status): Use requestIdleCallback * chore: Split polyfill bundles * refactor(components/status_list): Increase rootMargin to 300% * fix(components/status): Check if onRef is not defined * chore: Add note about polyfill bundle splitting * fix(components/status): Reduce animation duration to 0.3 seconds
Showing
- app/javascript/mastodon/base_polyfills.js 0 additions, 0 deletionsapp/javascript/mastodon/base_polyfills.js
- app/javascript/mastodon/components/status.js 47 additions, 5 deletionsapp/javascript/mastodon/components/status.js
- app/javascript/mastodon/components/status_list.js 54 additions, 4 deletionsapp/javascript/mastodon/components/status_list.js
- app/javascript/mastodon/extra_polyfills.js 2 additions, 0 deletionsapp/javascript/mastodon/extra_polyfills.js
- app/javascript/packs/application.js 25 additions, 4 deletionsapp/javascript/packs/application.js
- app/javascript/styles/components.scss 8 additions, 0 deletionsapp/javascript/styles/components.scss
- package.json 2 additions, 0 deletionspackage.json
- yarn.lock 8 additions, 0 deletionsyarn.lock
Loading
Please register or sign in to comment