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.