Isomorphic javascript with react presented att the Uppsala.js meetup number 8

1. isomorphic JavaScript

2. Alexander Aivars

3. Frontend developer

4. SVT

5. @alexaivars
github.com/alexaivars

6. Agenda

7. Why build isomorphic apps

8. How to build isomorphic apps

9. How isomorphic with React makes
developing fun

10. What is isomorphic JavaScript

11. Client + Server

12. API
Server
Browser
Isomorphic
Application
Client plus Server MVC

13. BrowsersServerAPI
JSON
JSON HTML
JS

14. BrowsersServerAPI
JSON
JSON HTML
JS

15. BrowsersServerAPI
JSON
JSON HTML
JS

16. SEO + Speed

17. Progressive enhancement

18. Progressive enhancement

19. Why build
isomorphic apps

20. Deliver the best experience

21. Content to everyone

22. Content to everyone

23. You never know whats out there!

24. Growing amount of legacy

25. Key to reducing the effort

26. The server can use the same
application code to render every page

28. “Isomorphic is the key to building
javascript applications
that work without JavaScript”

29. How we build
isomorphic apps

30. node

31. node

32. Micro service architecture

33. Micro service architecture

34. React

35. React

36. How isomorphic and react
makes developing fun.

37. Unified coding experience

38. React fixes the DOM

39. Concentrate on WHAT not HOW

40. Virtual DOM

41. Re-render

42. Easy to understand components

43. Components are just functions

44. Flux

45. ViewStoreDispatcher
Action

46. Productive

47. Valuable

48. The stack

49. React

50. React Router

51. Fluxible

52. Superagent

53. Webpack

54. www.svt.se/nyheter
www.svt.se/barnkanalen
www.svt.se/barnkanalen/barnplay

55. Join the party

56. Management

57. The key to spending
less💰supporting old
browsers

58. Perceived page speed

59. SEO-friendly by default

60. Developers

61. Less 🐞

62. Fixes the DOM

63. New way to solve old problems

64. Our users

65. One more thing…

66. Isomorphic javascript is not about supporting
browsers that don't have javascript but
supporting users when javascript breaks