Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Nuxt – The Future of Web Frameworks

A74f50459192654b891771cc63e401b6?s=47 Christoph Hochstrasser
November 11, 2017
Programming
0
20

Nuxt – The Future of Web Frameworks

A74f50459192654b891771cc63e401b6?s=128

Christoph Hochstrasser

November 11, 2017
Tweet

More Decks by Christoph Hochstrasser

See All by Christoph Hochstrasser
A74f50459192654b891771cc63e401b6?s=48 hochchristoph
0
28
A74f50459192654b891771cc63e401b6?s=48 hochchristoph
0
66
A74f50459192654b891771cc63e401b6?s=48 hochchristoph
0
80
A74f50459192654b891771cc63e401b6?s=48 hochchristoph
1
26
A74f50459192654b891771cc63e401b6?s=48 hochchristoph
0
18
A74f50459192654b891771cc63e401b6?s=48 hochchristoph
0
11
A74f50459192654b891771cc63e401b6?s=48 hochchristoph
0
100
A74f50459192654b891771cc63e401b6?s=48 hochchristoph
0
31

Other Decks in Programming

See All in Programming
D1c03114361714e1175dae60d115d19c?s=48 ryotori1024
0
210
9f2edd3fb2cc8feb20221138ca91d9fc?s=48 kuriko
0
270
Fb8392642d939c918bf61fc6d8094409?s=48 misawasan
0
1.6k
Db8a7eb9cf22f26cedce8295a53c8d7c?s=48 kawazu
0
360
F9d1e7c494103e9ad73723d4496334f9?s=48 mattdclarke
0
160
9f2edd3fb2cc8feb20221138ca91d9fc?s=48 kuriko
0
270
7fccfb690a818ed2f3a15fc21d426d5a?s=48 texmeijin
1
110
140494d272a4d89883a94fdfdb29dea2?s=48 oracle4engineer
PRO
2
230
18c5d6e2413dc02665fd4210bf5d094b?s=48 roothybrid7
0
350
9f2edd3fb2cc8feb20221138ca91d9fc?s=48 kuriko
0
270
404a34d5e0d3d7b38237a8cbecf4c18a?s=48 seiseikai123
0
210
F247cc71d9e0bba9f60709c3ae48dd80?s=48 decoch
1
110

Featured

See All Featured
Ba530e786553390f3fb271848485681c?s=48 3n
170
23k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
415
59k
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
106
5.5k
78b475797a14c84799063c7cd073962f?s=48 holman
451
140k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
195
9.1k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
262
37k
78b475797a14c84799063c7cd073962f?s=48 holman
295
140k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
249
21k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
112
15k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
337
30k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
149
20k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
92
4.4k

Transcript

  1. NUXT — THE FUTURE OF WEB FRAMEWORKS

  2. Ing. Christoph Hochstrasser twitter.com/hochchristoph github.com/CHH facebook.com/ christoph.hochstrasser

  3. Gründer & Inhaber Firma Ing. Christoph Hochstrasser

  4. React? Wer kennt hier…

  5. Vue.js? Wer kennt hier…

  6. Isomorphic? WTF!?

  7. Traditionell:

  8. Server HTML Model View Controller Browser DOM jQuery / Vue

    / React

  9. ERB/Jinja/Twig/Smarty/… Template am Server, separates Template am Client

  10. Duplicate Code

  11. Keine Separation of Concerns Backend befasst sich mit UI Concerns,

    wie User Flow

  12. Isomorphic:

  13. Server HTML Browser DOM Vue Component Node.js Server Code Client

    Code Backend API View Controller Model REST, GraphQL, etc.

  14. Separation of Concerns!

  15. Keine doppelten Templates, alles UI kommt aus einer Component

  16. 25.10.2016 https://zeit.co/blog/next

  17. None
  18. None

  19. Nuxt : Next Vue : React

  20. Nuxt

  21. Vue.js + Vue Router + Vue Server Side Rendering +

    Webpack (+ Vuex)

  22. Code!