Applying the magic of compilers to the frontend
52:43 Share

KBall and Chad Hietala meet up at JSConf and talk about compilers for the frontend, Ember’s binary opcodes, webassembly, and the future of performance optimization for the web.

Join the discussion)

Changelog++) members support our work, get closer to the metal, and make the ads disappear. Join today!

Sponsors:

• Indeed) – Indeed Assessments is a remote-first team that operates like a startup within Indeed — and they’re hiring. If you’re looking to join a remote-first team working on really big problems that will literally impact 100’s of Millions of people, head to indeed.jobs/changelog)

• Rollbar) – We catch our errors before our users do because of Rollbar. Resolve errors in minutes, and deploy your code with confidence. Learn more at rollbar.com/changelog).

• NativeScript) – NativeScript is an open source framework for building truly native mobile apps for iOS and Android using JavaScript and TypeScript with frameworks like Angular and Vue. Learn more at nativescript.org/jsparty).

• Fastly) – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com).

Featuring:

• Chad Hietala – Twitter), GitHub)
• Kevin Ball – Twitter), GitHub), LinkedIn), Website)

Show Notes:

Performance gains from compilers in JavaScript:

• Performance gains from switching to Closure Compiler)

Glimmer

• The Glimmer Binary Experience)

• The Glimmer VM: Boots Fast and Stays Fast)

• Experiments porting Glimmer VM pieces to WASM)

The performance costs of parse/compile:

• The Cost of JavaScript)

Precompilation:

• Svelte)

• Prepack)

Moving sourcemaps to webassembly:

• Oxidizing Source Maps with Rust and WebAssembly)

A11Y:

• JSParty: A11y is your ally)

• Reach Router)

• Ember A11y)

Opportunities for Angular, Vue, etc

• Advantages of Angular Templates)

Ember

• The Brutal Lifecycle of JavaScript Frameworks)

• Github Stars !== Usage: React is still blowing Vue and Angular Away)

• issue: Latest version of angular-cli shows ember-cli help)

• #dadt (Dojo already did that))

• Ember RFCs)

Other Linkedin Projects:

• CSS Blocks)

• Kafka)

Something missing or broken? PRs welcome!)