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_SummaryJatin 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.Takeaways1. 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.Chapters00:00 Jatin Ramanathan03:05 Welcome Jatin06:15 Overview of Wiz and its Use in Google Products13:00 Resumability and the Concept of Signals36:03 Merger of Wiz and Angular: Unifying APIs48:08 Signals and Interactivity50:26 Declarative Behavior with Signals and JS Action52:10 Performance of HTML and htmx59:10 Responsible JavaScript as a Diet01:09:26 Open Sourcing Wiz through Angular01:13:34 Challenges of TSX in Angular01:16:40 Declarative Behavior Composition in TSX01:22:15 Contributing to Wiz through Angular01:25:11 Checklist for Responsible JavaScript and Web Performance Hosted on Acast. See acast.com/privacy for more information.