Fast Frontend Testing, Storage, Observers, Fetch, & More

A whole grab bag of topics today! We talk about some of the well-known storage APIs like localStorage and sessionStorage, as well as the newer IndexedDB API which pairs well with Service Workers. We also talk about the three Observer APIs to help with reacting to DOM mutations, scrolling, and size changes. Apparently fetch DID happen (!), and testing against three headless browsers at once in a fast and reliable manner is easier than ever. All that and more in today’s episode of Just a Spec.

Hosted by Jared White & Ayush

Links:

• The Spicy Web & That HTML Blog (Jared)
• Radioactive Toy (Ayush)
• Web Storage API
• IndexedDB
• Service Workers
• Observer APIs:
  • MutationObserver
  • IntersectionObserver
  • ResizeObserver
• XMLHTTPRequest superseded by fetch
• Testing web components in headless browsers with web-test-runner
  • Gist to aid in setting everything up
• Using theme-color meta tag
• Large, small, and dynamic viewport units