Isomorphic apps
-
Upload
anders-olsen-sandvik -
Category
Technology
-
view
484 -
download
4
description
Transcript of Isomorphic apps
![Page 1: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/1.jpg)
I S O M O R P H I C A P P S@andersos
![Page 2: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/2.jpg)
ANDERS OLSEN SANDVIKFront-end developer
Team kommunikasjon og deling
![Page 3: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/3.jpg)
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
![Page 4: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/4.jpg)
W H AT I S I T ?
![Page 5: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/5.jpg)
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
![Page 6: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/6.jpg)
i-so - mor-phic
same form
![Page 7: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/7.jpg)
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/
![Page 8: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/8.jpg)
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
![Page 9: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/9.jpg)
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
![Page 10: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/10.jpg)
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
![Page 11: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/11.jpg)
W H Y T H E H A S S E L ?
![Page 12: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/12.jpg)
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
![Page 13: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/13.jpg)
I N T H E W I L D
![Page 14: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/14.jpg)
Django and React
![Page 15: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/15.jpg)
Backbone.js and Render
![Page 16: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/16.jpg)
sync client & server
![Page 17: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/17.jpg)
modown
![Page 19: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/19.jpg)
Some view layer & logic shared
All view layer & logic shared
THE ISOMORPHIC SPECTRUM
![Page 20: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/20.jpg)
environment-agnostic or
shimmed per environment
![Page 21: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/21.jpg)
W H E R E T O G E T S TA R T E D
![Page 22: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/22.jpg)
![Page 23: Isomorphic apps](https://reader034.fdocuments.us/reader034/viewer/2022052301/5594d9161a28ab2c578b463a/html5/thumbnails/23.jpg)
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💙