I S O M O R P H I C A P P S@andersos

ANDERS OLSEN SANDVIKFront-end developer

Team kommunikasjon og deling

W H AT I S I T ?W H Y T H E H A S S E L ?I N T H E W I L DD E M OW H E R E T O G E T S TA R T E D

W H AT I S I T ?

J a v a s c r i p t c o d e t h a t c a n b e s h a r e d b e t w e e n e n v i r o n m e n t s

i-so - mor-phic

same form

Charlie Robbins Nodejitsu Scaling Isomorphic Javascript Code http://blog.nodejitsu.com/scaling-isomorphic-javascript-code/

Spike Brehm Airbnb Isomorphic JavaScript: The Future of Web Appshttp://nerds.airbnb.com/isomorphic-javascript-future-web-apps/

A p p l i c a t i o n l o g i c R o u t i n g

D O M m a n i p u l a t i o n

V i e w l a y e r

U X

P e r s i s e n c e

Old classic web app

Client (thin)

Server (fat) A u t h e n t i c a t i o n

A p p l i c a t i o n l o g i c R o u t i n g

D O M m a n i p u l a t i o n

V i e w l a y e r

U X

P e r s i s e n c e

New web app (Backbone Ember Angular)

Client (fat)

Server (thin) A u t h e n t i c a t i o n

D O M m a n i p u l a t i o nU X

P e r s i s e n c e

Isomorphic (future) app

A p p l i c a t i o n l o g i c R o u t i n gV i e w l a y e r

Client (fat)

Server (fat)

Shared

A u t h e n t i c a t i o n

W H Y T H E H A S S E L ?

B E S T O F B O T H W O R L D S

P E R F O R M A N C ES E O A N D

A C C E S S I B I L I T Y

F L E X I B I L I T Y

M A I N TA I N A B I L I T Y

I N T E R A C T I V E A N D FA S T R E S P O N S E

S TAT E F U L U R L S

I N T H E W I L D

Django and React

Backbone.js and Render

sync client & server

modown

D E M OH T T P : / / M . A I R B N B . C O M

Some view layer & logic shared

All view layer & logic shared

THE ISOMORPHIC SPECTRUM

environment-agnostic or

shimmed per environment

W H E R E T O G E T S TA R T E D

http://tech.finn.no

LA OSS BLOGGE!!!

Alle slides fra tech-dagen kommer på bloggen

Ingen puser ble skadet i produksjonen av denne presentasjonen.

M💙