Isomorphic Javascript:
Uniting the client & server
#VegasJS - April 21 2015
Zach Kollegger
@zpnk
Agenda
should I isomorph?
2. Why
does javascript isomorph?
3. How
is "isomorphic"?
1. What
What.
isomorphic
adjective
having similar or identical structure or form
(Thanks, math)
...anywhere?
Write once, run...
console.log('Hi VegasJS!')Anatomy of an app
Client
Shared
Server
DOM, UX
App Logic
Database
DOM, UX
App Logic
Database
(API)
DOM, UX
App Logic
Database
(API)
Classic
SPA
Isomorphic
A brief history
Scaling Isomorphic Code
//blog.nodejitsu.com/scaling-isomorphic-javascript-code/
Isomorphic JavaScript: The Future of Web Apps
//nerds.airbnb.com/isomorphic-javascript-future-web-apps/
Charlie Robbins, @indexzero - 2011
Spike Brehm, @spikebrehm - 2013
In the wild
Why.
Benefits
Performance
Servers can send HTML pretty fast
SEO
Robots can crawl pre-rendered html
Flexibilty
Everything runs JavaScript
Maintainabilty
Code only has to be written once
Use Cases
-
Single page apps
-
Real time apps
-
Web API clients
How.
Frameworks
Catberry
Libraries
React-Router
Fluxible
Flux
Demo.
Questions?
Isomophic JavaScript: Uniting Client & Server
By zpnk
Isomophic JavaScript: Uniting Client & Server
Isomophic JavaScript presentation for VegasJS #39 - 4/21/15
