Dynamic pre-rendering / over-rendering
See original GitHub issueRelates to this Twitter thread: https://twitter.com/Vjeux/status/1008077144289787904
Since the scrolling thread can get ahead of the UI thread, windowing libraries sometimes show blank space in the direction being scrolled (especially for sudden, quick scrolling).
It might be possible to use a heuristic based on the scroll delta and the time between commits (i.e. componentDidUpdate
calls) to render ahead of where the scroll position currently is. This might enable us to reduce the amount of visible white space when scrolling quickly.
This heuristic would need to take the state.scrollUpdateWasRequested
value into consideration so that programmatic scroll-jumps wouldn’t cause us to render ahead.
Issue Analytics
- State:
- Created 5 years ago
- Reactions:4
- Comments:7 (4 by maintainers)
Top Results From Across the Web
Dynamic Pre-Rendering With React and Next - Medium
Dynamic routing is Next.js method of exposing the routes dynamically. In our case that is pretty handy since routes are based on the...
Read more >Dynamic Rendering | Google Search Central | Documentation
Pre-render as part of your deployment process and make your server serve the static HTML to crawlers. Build dynamic rendering into your custom...
Read more >Angular Universal doesn't take over rendering on client
For some reason though, the client/browser never takes over (re)rendering and the website stays the same as it came as response from the...
Read more >Server Rendering - Redux - JS.ORG
When the server receives the request, it renders the required component(s) into an HTML string, and then sends it as a response to...
Read more >Server-Side Rendered App with Next.js, React and Redux
There are many known benefits to pre-rendering your web ... we will only go over rendering applications server-side with Next.js.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Here is a side by side demo of a proof of concept: https://react-window-dhruaiojyq.now.sh/
List B uses the offset adjustment technique.
The code has been pushed here. (No tests added as of yet.) https://github.com/bvaughn/react-window/compare/master...issues/12
I don’t think this experiment shows enough promise to pursue any further.