Refactoring for Progressive Web Apps

on YouTube ↗23m

" summary

SalesLoft refactors a monolithic Rails + AngularJS app into a componentized, React-first front end with Webpack, service workers and an app shell to enable offline caching and fast first render. The team adopts the PURPLE pattern (push critical chunks, pre-cache routes, lazy-load fragments), builds a component library, and measures results with Lighthouse 6 → 68 and New Relic Apdex (90% < 7s); tooling includes service workers and DataDog, and GraphQL is planned next.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 4:43examining some of the business cases for using progressive web
3. 14:33pushing pre-loading critical resources for the initial route
4. 15:13pre-caching any remaining routes using the serviceworker
5. 18:37breaking up a lot of our application into micro services

" related talks

• 32mPractical Performance Tips Building Progressive Web AppsNarendra Shetty · React Amsterdam 2017
• 33mProgressive Web Apps - the Angular waySimona Cotin · Uphill Conf 2018
• 01h 00mBuilding Progressive Web Apps with ReactJonathan Mills · NDC Porto 2019
• 59mProgressive React AppsSebastian Springer · iJS 2018 Spring
• 29mFrom Monolithic Web App to Micro-Frontends – Extending Microservices Architecture to the FrontendRustam Aliyev, Ivan Martynov · OdessaJS 2018
• 29mBuild progressive web apps with AngularSimona Cotin · ngVikings 2018
• 02h 30mBuilding Cloud Native Progressive Web AppsJosh Long, Matt Raible · Devoxx Belgium 2017
• 31mFrom Website to Progressive Web AppPete LePage · Google Developer Days India 2017