question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Dynamic pre-rendering / over-rendering

See original GitHub issue

Relates 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:closed
  • Created 5 years ago
  • Reactions:4
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

11reactions
bvaughncommented, Jun 17, 2018

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

1reaction
bvaughncommented, Dec 21, 2018

I don’t think this experiment shows enough promise to pursue any further.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found