ISOMORPHI C APPS 
@andersos
ANDERS OLSEN SANDVIK 
Front-end developer 
Team kommunikasjon og deling
WHAT I S I T ? 
WHY THE HASSEL? 
I N THE WILD 
DEMO 
WHERE TO GET STARTED
WHAT 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 
between environments
i-so - mor-phic 
same form
Charlie Robbins 
Nodejitsu 
Scaling Isomorphic 
Javascript Code 
http://blog.nodejitsu.com/scaling-isomorphic-javascript-c...
Old classic web app 
DOM 
manipulation 
A p p l i c a t i o n 
l o g i c Routing 
UX 
View layer 
P e r s i s e n c e 
Cli...
New web app (Backbone Ember Angular) 
DOM 
manipulation 
A p p l i c a t i o n 
l o g i c Routing 
UX 
View layer 
P e r s...
Isomorphic (future) app 
DOM 
UX ma n i p u l a t i o n 
A p p l i c a t i o n 
Vi ew l a y e r l o g i c R o u t i n g 
P...
WHY THE HASSEL?
BEST OF BOTH WORLDS 
PERFORMANCE 
SEO AND 
ACCESSIBILITY 
FLEXIBILITY 
MAINTAINABILITY 
INTERACTIVE AND 
FAST RESPONSE 
ST...
I N THE WILD
Django and React
Backbone.js and Render
sync client & server
modown
DEMO 
HTTP://M.AIRBNB.COM
THE ISOMORPHIC SPECTRUM 
Some view layer 
& logic shared 
All view layer 
& logic shared
environment-agnostic 
or 
shimmed per 
environment
WHERE TO GET STARTED
http://tech.finn.no 
Alle slides fra tech-dagen 
kommer på bloggen 
LA OSS BLOGGE!!! 
Ingen puser ble skadet i produksjone...
Isomorphic apps
Upcoming SlideShare
Loading in …5
×

Isomorphic apps

1,017 views

Published on

A short 10 minute presentation about Isomorphic apps at the @Finn_no tech-day.

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,017
On SlideShare
0
From Embeds
0
Number of Embeds
50
Actions
Shares
0
Downloads
4
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Isomorphic apps

  1. 1. ISOMORPHI C APPS @andersos
  2. 2. ANDERS OLSEN SANDVIK Front-end developer Team kommunikasjon og deling
  3. 3. WHAT I S I T ? WHY THE HASSEL? I N THE WILD DEMO WHERE TO GET STARTED
  4. 4. WHAT I S I T ?
  5. 5. 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 between environments
  6. 6. i-so - mor-phic same form
  7. 7. Charlie Robbins Nodejitsu Scaling Isomorphic Javascript Code http://blog.nodejitsu.com/scaling-isomorphic-javascript-code/ Spike Brehm Airbnb Isomorphic JavaScript: The Future of Web Apps http://nerds.airbnb.com/isomorphic-javascript-future-web- apps/
  8. 8. Old classic web app DOM manipulation A p p l i c a t i o n l o g i c Routing UX View layer P e r s i s e n c e Client (thin) Server (fat) A u t h e n t i c a t i o n
  9. 9. New web app (Backbone Ember Angular) DOM manipulation A p p l i c a t i o n l o g i c Routing UX View layer P e r s i s e n c e Client (fat) Server (thin) A u t h e n t i c a t i o n
  10. 10. Isomorphic (future) app DOM UX ma n i p u l a t i o n A p p l i c a t i o n Vi ew l a y e r l o g i c R o u t i n g P e r s i s e n c e Client (fat) Shared Server (fat) A u t h e n t i c a t i o n
  11. 11. WHY THE HASSEL?
  12. 12. BEST OF BOTH WORLDS PERFORMANCE SEO AND ACCESSIBILITY FLEXIBILITY MAINTAINABILITY INTERACTIVE AND FAST RESPONSE STATEFUL URLS
  13. 13. I N THE WILD
  14. 14. Django and React
  15. 15. Backbone.js and Render
  16. 16. sync client & server
  17. 17. modown
  18. 18. DEMO HTTP://M.AIRBNB.COM
  19. 19. THE ISOMORPHIC SPECTRUM Some view layer & logic shared All view layer & logic shared
  20. 20. environment-agnostic or shimmed per environment
  21. 21. WHERE TO GET STARTED
  22. 22. http://tech.finn.no Alle slides fra tech-dagen kommer på bloggen LA OSS BLOGGE!!! Ingen puser ble skadet i produksjonen av denne presentasjonen. M

×