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

1. ISOMORPHI C APPS
@andersos

2. ANDERS OLSEN SANDVIK
Front-end developer
Team kommunikasjon og deling

3. WHAT I S I T ?
WHY THE HASSEL?
I N THE WILD
DEMO
WHERE TO GET STARTED

4. WHAT I S I T ?

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. i-so - mor-phic
same form

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. 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. 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. 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. WHY THE HASSEL?

12. BEST OF BOTH WORLDS
PERFORMANCE
SEO AND
ACCESSIBILITY
FLEXIBILITY
MAINTAINABILITY
INTERACTIVE AND
FAST RESPONSE
STATEFUL URLS

13. I N THE WILD

14. Django and React

15. Backbone.js and Render

16. sync client & server

17. modown

18. DEMO
HTTP://M.AIRBNB.COM

19. THE ISOMORPHIC SPECTRUM
Some view layer
& logic shared
All view layer
& logic shared

20. environment-agnostic
or
shimmed per
environment

21. WHERE TO GET STARTED

23. 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