Website performance

[peterszerzo]

Summary

Fixes the 3s reload an the jumpiness of the website by not rendering examples if sections are out of view. Comes with the tradeoff of fixing the height of the examples section, but at least the navigation is sane and the fix is quick. We can build on top of this in the future.

To be tested

Me

• No error or warning in the console on localhost:6060

Tester 1

• Things look good on the demo.

Tester 2

• Things look good on the demo.

[ImogenF]

I don't agree that this solves a jumpiness problem. Now, when you scroll, you have to have a significant amount of the example for a given section in view before the content appears, and you can see the content disappearing from any other partially visible sections.

[peterszerzo]

By jumpiness I meant the skipped frames and sluggish navigation of the website in general due to how many example sections are being rendered. The thresholds for when sections appear and disappear can be tweaked, I'll play around them a bit more.

[ImogenF]

Can you display the full contents of any section that is at least partially visible on the screen?

[peterszerzo]

I'd love to, as soon as I figure out how react-waypoint works.

[TejasQ]

Updated the title since this doesn't affect the library.

[TejasQ]

I added the work in progress label because this suggest to me that it is.

[TejasQ]

Something's pretty broken with this PR.

I'm not sure why, but nothing is rendered in the website...

[TejasQ]

@peterszerzo are there any plans to continue here?

[TejasQ]

Temporarily closing this because of inactivity.