From Vanilla Chaos to Vue Zen Rebuilding EA’s 2013 Need For Speed Rivals Web Campaign
summary
A 2013 Need for Speed Rivals campaign is reconstructed feature‑for‑feature using Vue, Vite, Pinia and SFCs to show what actually changes: the original shipped and scaled after being hand‑built solo in five weeks with custom state, routing, tweens, asset loaders, sound and subtitles for 30 languages and a 360° viewer; the rebuild replaces hundreds of lines and fragile controllers with Pinia, Vue Router, composables and transitions, and yields a working modern tween utility turbo tween 5 KB.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 3:53Campaign overview
- 7:11Rebuilding live demo
- 11:102013 web challenges
- 16:52Modern vs 2013 workflow
- 21:50Vue.js state management
- 26:03Turbo Tween library
- 27:25Web dev evolution
- 29:56AI in web development
- 30:17Q&A
related talks
38mThe Vue from up Here Scaling with a Progressive JS Framework
16mNeed for Speed: How Modern JavaScript Frameworks Are Solving Web Performance
38mHow vite changes the game for Vue and Web development
44mFrom Legacy to Vue.js
31mThe Need for Speed (aka Angular Performance).
44mThe Evolution of PREMIER.ONE: From Tons of Legacy to Nuxt 3
36mState of the Vuenion 2023 - Vuejs Amsterdam 2023
32mNuxt3 in Action