Weblog
Jai Santhosh

Jai Santhosh

Building the Future with AI and Engineering.

Technology Leader · Engineer · Innovator

From pioneering web experiences to enterprise platforms and AI-powered innovation.

I also speak at conferences & meetups sometimes.

Notes

Talks, writeups, and things I learned the hard way.

2020

  1. Developing in a Large MonorepoAt Microsoft Search we keep high-value Microsoft 365 frontend components in one TypeScript monorepo used by about 400 developers. This talk covers Yarn Workspaces, package hoisting, and Lerna for package management and cross-package work.

2019

  1. The Butterfly Effect — How seemingly insignificant browser details have a huge impact on performanceA Microsoft Search talk on how a file-result expand animation looked fine in a test app and fell apart in production — layout thrashing, FLIP, and the small browser quirks that cost real performance.

2017

  1. Dealing with Data Offline in Web AppsA ReactNext talk on offline-first web apps — Service Workers for read-only caches, and IndexedDB, redux-offline, and PouchDB when users create data offline and need to sync it back cleanly.

2016

  1. Know your application rendering inside outA JSFoo talk on measuring web rendering performance after the page has loaded — the critical rendering path, 16ms frame budgets, jank, layout thrashing, layers, and Chrome DevTools Timeline.

2015

  1. Building and deploying a Progressive Web App at scale with FlipkartHow Flipkart Lite used Service Workers, build-time HTML shells, and Add to Home Screen to ship a Progressive Web App for India’s 2G-heavy mobile web — and the engagement and conversion gains that followed.
  2. The Modern Front-end Engineer's ToolboxIn my talk at the first-ever NodeDay conference in India, I spoke about how Node.js can accelerate your front-end development process and how it worked for us at Flipkart.

2014

  1. An Intro to Web ComponentsAn introduction to the Web Components standards — Templates, Shadow DOM, Custom Elements, and HTML Imports — given at a Flipkart Web Meetup.
  2. React JS - A Sneak PeekReact JS is a JavaScript library for building User Interfaces. It is used in Facebook, Instagram and a lot of other sites as well.

2013

  1. Using Yahoo! BOSS API for your hacksSlides of the talk on using Yahoo!'s BOSS API and Content Analysis API for searching data on the Web given at the HackU event at IIT Bombay.

2012

  1. YUI TidbitsA bunch of extremely simple YUI3 helpers, which I found were very useful to me, for your daily YUI usage.
  2. YUI Advanced - Deep DiveI gave a training on a few advanced topics of YUI to the Yahoo! Maktoob team in Jordan.

2011

  1. YQL & Yahoo! APIsI gave a talk on December 3, 2011 on YQL & Yahoo! APIs in the RHoK Bangalore hackathon event.
  2. Hack with YUII gave a talk upon using YUI for your hacks in the IIT Delhi HackU event (University Hackday) in 2011 conducted by Yahoo!

2009

  1. Shim Technique In IEIn one of the projects I was working, we had an interaction where a DIV element pops up and demands some user action. The DIV used to get obscured whenever it shows up over a select box in IE6 though…