Advocatus Diaboli – Throne of JS

Tollin' the Throne of JS conference (kidding!)

Transcript

1. Throne of JS Advocatus Diaboli Eric Ferraiuolo @ericf
3. “ ” It’s no longer good enough to build web apps around full page loads and then “progressively enhance” them to behave more dynamically. Building apps which are fast, responsive and modern require you to completely rethink your approach. — ThroneofJS.com
4. “ ” It’s no longer good enough to build web apps around full page loads and then “progressively enhance” them to behave more dynamically. Building apps which are fast, responsive and modern require you to completely rethink your approach. — ThroneofJS.com
5. What’s Our End Goal?
9. Fast
10. Initial Rendering
11. Rendering /users/
12. /users/ HTML Gob Maeby Tobias
13. Rendering /#/users/
14. /#/users/ HTML Loading…
15. /#/users/ HTML Loading… /app.js JavaScript
16. /#/users/ HTML Loading… /app.js /api/users JSON JavaScript
17. /#/users/ HTML /app.js JavaScript /api/users JSON Gob Maeby Tobias
18. Initial Rendering on Server is Faster
19. URLs
20. App vs Site
21. Whose Data?
22. Everyone’s? Full-path URLs
23. Server’s Ability?
24. Dumb Server? Hash URLs
25. /#!/
26. NO!
27. Responsive
28. Enhance
30. pjax
31. Removes Unnecessary Full Page Loads
32. Does Not Break Browser Conventions
33. Client-Side Routing
34. Client Handles Request
35. Data in Memory? No HTTP Request
36. React After URL Changes
37. <a> Clicks Page Reloads Back/Forward Programmatic URL
38. <a> Clicks Page Reloads Back/Forward URL Route Handlers Programmatic
39. <a> Clicks Page Reloads Back/Forward URL Route Handlers Update UI Programmatic
40. Seamlessly Support /users/ & /#/users/
41. Modern
42. DRY
43. Templates
44. Code Reuse
46. Thanks! Eric Ferraiuolo @ericf
47. Symbol Attributions "Community", "Computer", "iPhone", "iPad", "Dancer" by Sonkarlay Vaye, "Browser" by Yellow, "Cloud", "User" by T. Weber, "Scale" from thenounproject.com collection.