Building Isomorphic Apps (Updated)

on YouTube ↗45m

" summary

Claims that sharing the same JavaScript between browser and Node speeds first paint, improves SEO and reduces duplicated logic; concrete tooling and outcomes back it up. Examples: server rendering with React plus Flux (Instagram used then rolled back for ops cost), Flickr and Airbnb mobile use server-side renders with client takeover, Asana builds a Luna runtime keeping per-session state successfully, Meteor offers isobuild and Cordova targets, and small modules (superagent cookie + package.json browser swaps) prove the approach is practical.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 2:29Scaling Isomorphic Javascript Code
3. 7:37Performance Initial pageload speed.
4. 9:18Client-rendered app
5. 34:12Fluxible Yahoo's isomorphic Flux implementation: Dispatch Fetch, Routr.
6. 39:12isomorphic-tutorial Small sample isomorphic app, written from scratch using Handlebars!

" related talks

• 24mUniversal ApplicationsStepan Parunashvili · Spotlight React 2016
• 15mBuilding Isomorphic JavaScript Apps Faster with Next.jsCS Madhav · JSFoo 2019
• 10mUniversal Apps: Architecture for the Modern WebElyse Kolker Gordon · The Lead Developer New York 2018
• 38mBuilding Universal AppsRobert Onodi · JSHeroes 2017
• 43mIsomorphic JavaScript appsNiko Köbler · Jfokus 2016
• 39mTowards Universal JavaScriptSarmad Sangi · JSConf.Asia 2015
• 44mRethinking Isomorphic JavaScript with SolidStartRyan K Carniato · TheJam.dev 2023
• 27mFacing Frontend's Existential CrisisRyan K Carniato · React Summit 2024