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

Nuxt – The Future of Web Frameworks

Avatar for Christoph Hochstrasser Christoph Hochstrasser
November 11, 2017
Programming
0
33

Nuxt – The Future of Web Frameworks

Avatar for Christoph Hochstrasser

Christoph Hochstrasser

November 11, 2017
Tweet

More Decks by Christoph Hochstrasser

See All by Christoph Hochstrasser
VILT Stack (DevTreff Amstetten)
Avatar for Christoph Hochstrasser hochchristoph
0
70
Git Workshop @ Makerspace[A]
Avatar for Christoph Hochstrasser hochchristoph
0
48
Einstieg in Open Source
Avatar for Christoph Hochstrasser hochchristoph
0
100
Nuxt – Die Zukunft der Webentwicklung
Avatar for Christoph Hochstrasser hochchristoph
0
110
Design Essentials für Techniker
Avatar for Christoph Hochstrasser hochchristoph
1
40
Look, no database
Avatar for Christoph Hochstrasser hochchristoph
0
240
7 Things Learned
Avatar for Christoph Hochstrasser hochchristoph
0
27
Heroku und PHP
Avatar for Christoph Hochstrasser hochchristoph
0
140
Einführung in Go
Avatar for Christoph Hochstrasser hochchristoph
0
61

Other Decks in Programming

See All in Programming
KoogではじめるAIエージェント開発
Avatar for hiro hiroaki404
1
270
CSC305 Lecture 14
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
210
React Nativeならぬ"Vue Native"が実現するかも？_新世代マルチプラットフォーム開発フレームワークのLynxとLynxのVue.js対応を追ってみよう_Vue Lynx
Avatar for Yuto Nagai(Future) yut0naga1_fa
2
2k
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
490
開発組織の戦略的な役割と 設計スキル向上の効果
Avatar for 増田 亨 masuda220
PRO
10
2k
エンジニアに事業やプロダクトを理解してもらうためにやってること
Avatar for bayashi murabayashi
0
120
ビルドプロセスをデバッグしよう！
Avatar for Yuta Tomiyama yt8492
0
220
AsyncSequenceとAsyncStreamのプロポーザルを全部読む！！
Avatar for Shigure Shimotori s_shimotori
1
230
Register is more than clipboard
Avatar for Satoru Kitaguchi satorunooshie
1
360
O Que É e Como Funciona o PHP-FPM?
Avatar for Marcel dos Santos marcelgsantos
0
250
Swift Concurrency 年表クイズ
Avatar for omochimetaru omochi
3
220
SODA - FACT BOOK（JP）
Avatar for SODA inc. sodainc
1
9.1k

Featured

See All Featured
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.1k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
116
20k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.2k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
7.9k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
8.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.7k

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!