Disappearing Frameworks

How new web platform features and compile-time frameworks are establishing the next era of web development

Credit: Stefan Bucher

Svelte

An example of this trend is Svelte, “the magical disappearing UI framework”.

https://svelte.technology/ (not to be confused with sveltejs.com :))
A toot about pinafore.social, viewed at pinafore.social :)

Stencil

Svelte has also inspired an alternative project from Ionic: Stencil.

More magic! — stencil.js

Next-gen Angular

Thanks to Rich Harris for informing me that Angular is following this trend too! Angular Elements — new in Angular 6 — allows you to export Angular components as self-bootstrapping Web Components. Currently, it still requires “a minimal, self-contained version of the Angular framework [to] be injected”, but they are “working on custom elements that can be used by web apps built on other frameworks”.

(Kind of angular) ivy. Credit: Auntie P

The web platform as a framework

In her article “A Rube Goldberg Machine” and subsequent talk, my colleague Ada Rose Cannon shared how new CSS and JavaScript features can be “thought of as frameworks built into the web platform”. For example, CSS Custom Properties (a.k.a. CSS Variables) might mean you don’t need a CSS precompiler like Sass anymore. And CSS Grid might now save you from downloading Bootstrap.

Web Components

Web Components are especially powerful and the key to much of this trend. The features behind them — Custom Elements, Shadow DOM and HTML templates — aren’t available everywhere yet, but as Ada says, they have pretty good support and there’s a polyfill which gives them even better support, so you can use them today!

Isomorphic ES modules

You can also adopt ES modules now! Again, browser support is pretty good, and you can support older browsers with the ‘nomodule’ fallback.


Samsung Internet Developers

Writings from the Samsung Internet Developer Relations Team. For more info see our disclaimer: https://samsunginter.net/about-blog

2K

2K claps
Peter O'Shaughnessy

Written by

Web developer. Mastodon: @peter@toot.cafe. Twitter: @poshaughnessy

Samsung Internet Developers

Writings from the Samsung Internet Developer Relations Team. For more info see our disclaimer: https://samsunginter.net/about-blog