Fast Prototyping with Vue.js

on YouTube ↗37m

" summary

Shows how to build a server‑rendered Vue app from scratch: Express + vue-server-renderer, two webpack bundles (client and server), server waits for data before render, client hydration with window.__INITIAL_STATE__ to resume interactivity. Demonstrates preload/prefetch asset hints, HMR in dev, and pitfalls: shared store instances on server causing stale state and lifecycle timers causing memory leaks. Example compiles and serves HTML and then hydrates successfully, with explicit fixes for the common bugs.

AI-written summary · about

" chapters (13)

1. 0:00Intro
2. 0:50SSL
3. 1:39PHP
4. 1:58Single Page
5. 2:43Example
6. 3:25Explanation
7. 7:15Why
8. 8:15User Experience
9. 9:18Server Render
10. 10:00First Application
11. 13:08Schema
12. 21:42Review
13. 30:10Fixing Issue

" related talks

• 29mNuxt.jsSébastien Chopin · Best of Web 2018
• 19mReact Server Components - Under the HoodLee Rowlands · React Advanced 2021
• 44mServer Side Rendering from the trenchesWilliam Durand · jsDay 2018
• 30mReact Server ComponentsTejas Kumar · React Nexus 2023
• 33mUniversal React Apps Using Next.jsSia Karamalegos · React Finland 2018
• 32mWhy everybody needs to use a frameworkTejas Kumar · ReactNext 2023
• 55mNuxt.js: isomorphic Vue.js Apps made easy, fast and funDavid Guijarro · iJS London 2019
• 39mReact Server Components: A Deep DiveTejas Kumar · Conf42 JavaScript 2023