Jatin Ramanathan: How Google.com is Rendered with Wiz (Fastest UI Framework)

Links

- Codecrafters (sponsor): https://tej.as/codecrafters

- Jatin on X: https://x.com/JatinRamanathan

- Tejas on X: https://x.com/tejaskumar_

Summary

Jatin Ramanathan, a software engineer at Google, discusses the Wiz framework and its use in Google products like search, photos, and payments. Wiz is a resumable web framework that focuses on loading minimal JavaScript and uses the concept of signals for reactive programming. Signals are reactive properties that reflect the state of an observable or reactive property at any given time.

The Wiz framework also incorporates JS Action, a library that listens to events and delivers them to event handlers only when necessary, reducing the amount of JavaScript that needs to be loaded. The conversation also touches on the merger of Wiz and Angular and the potential for unified APIs in the future. The conversation explores the concept of responsible JavaScript and web performance.

We dive into the use of signals and JS action in Wiz and Angular, and how they enable declarative behavior and interactivity on the client side. The discussion also touches on the challenges of using TSX in Angular and the potential for future improvements. The importance of measuring performance and understanding the user experience on different devices is emphasized, along with the use of feature flags and instrumentation to optimize the user funnel.

Takeaways

1. Wiz is a resumable web framework used in Google products like search, photos, and payments.

2. The framework focuses on loading minimal JavaScript and uses signals for reactive programming.

3. JSAction is a library that listens to events and delivers them to event handlers only when necessary, reducing the amount of JavaScript that needs to be loaded.

4. Wiz and Angular are merging to exchange ideas and potentially unify APIs in the future.

5. Signals and JSAction in Wiz and Angular enable declarative behavior and interactivity on the client side.

Chapters

00:00 Jatin Ramanathan

03:05 Welcome Jatin

06:15 Overview of Wiz and its Use in Google Products

13:00 Resumability and the Concept of Signals

36:03 Merger of Wiz and Angular: Unifying APIs

48:08 Signals and Interactivity

50:26 Declarative Behavior with Signals and JS Action

52:10 Performance of HTML and htmx

59:10 Responsible JavaScript as a Diet

01:09:26 Open Sourcing Wiz through Angular

01:13:34 Challenges of TSX in Angular

01:16:40 Declarative Behavior Composition in TSX

01:22:15 Contributing to Wiz through Angular

01:25:11 Checklist for Responsible JavaScript and Web Performance

Hosted on Acast. See acast.com/privacy for more information.