hy-push-state

hy-push-state

hy-push-state is a web component that lets you turn web pages into web apps.

hy-push-state is a web component that lets you turn web pages into web apps. The component dynamically loads new content (formerly known as “ajax”) and inserts it into the current page, without causing Flash of White, Flash of Unstyled Content, etc.

hy-push-state is similar to pjax and smoothState, but offers a more advanced pre-fetching logic and gives more control over timings to enable custom page transition animations.

hy-push-state can be used in a variety of ways:

  • As Vanilla JavaScript class
  • As jQuery plugin
  • As WebComponent, both as ES6 Module and HTML Import
  • Possibly as part of your own component hierarchy via ES6 Mixin.

The component was initially developed — and can be encountered in the wild — as part of the Hydejack Jekyll theme.