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

  • 1,206
Loading comments...

More from zpnk