Search a title or topic

Over 20 million podcasts, powered by 

Player FM logo
Artwork

Content provided by Tejas Kumar. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Tejas Kumar or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://podcastplayer.com/legal.
Player FM - Podcast App
Go offline with the Player FM app!

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

1:30:33
 
Share
 

Manage episode 493171487 series 3676184
Content provided by Tejas Kumar. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Tejas Kumar or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://podcastplayer.com/legal.

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.

  continue reading

88 episodes

Artwork
iconShare
 
Manage episode 493171487 series 3676184
Content provided by Tejas Kumar. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Tejas Kumar or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://podcastplayer.com/legal.

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.

  continue reading

88 episodes

All episodes

×
 
Loading …

Welcome to Player FM!

Player FM is scanning the web for high-quality podcasts for you to enjoy right now. It's the best podcast app and works on Android, iPhone, and the web. Signup to sync subscriptions across devices.

 

Copyright 2025 | Privacy Policy | Terms of Service | | Copyright
Listen to this show while you explore
Play