---
title: "Tim Benniks From Vanilla Chaos to Vue Zen Rebuilding EA’s 2013 Need For Speed Rivals Web Campaign | VueDigest"
description: "Tim Benniks shares his journey of transforming the chaotic vanilla JavaScript web campaign for EA's 2013 Need for Speed Rivals into a streamlined Vue.js application. This transition highlights the benefits of modern frameworks in enhancing development efficiency and user experience."
canonical_url: "https://vuedigest.com/news/tim-benniks-from-vanilla-chaos-to-vue-zen-rebuilding-eas-2013-need-for-speed-rivals-web-campaign"
last_updated: "2026-04-21T12:00:11.336Z"
meta:
  "og:description": "Tim Benniks shares his journey of transforming the chaotic vanilla JavaScript web campaign for EA's 2013 Need for Speed Rivals into a streamlined Vue.js application. This transition highlights the benefits of modern frameworks in enhancing development efficiency and user experience."
  "og:image": "https://vuedigest.com/_og/d/c_Template.takumi%2Cdescription_Tim%2BBenniks%2Bshares%2Bhis%2Bjourney%2Bof%2Btransforming%2Bthe%2Bchaotic%2Bvanilla%2BJavaScript%2Bweb%2Bcampaign%2Bfor%2BEA's%2B2013%2BNeed%2Bfor%2BSpeed%2BRivals%2Binto%2Ba%2Bstreamlined%2BVue.js%2Bapplication.%2BThis%2Btransition%2Bhighlights%2Bthe%2Bbenefits%2Bof%2Bmodern%2Bframeworks%2Bin%2Benhancing%2Bdevelopment%2Befficiency%2Band%2Buser%2Bexperience.%2Ctitle_~VGltIEJlbm5pa3MgICBGcm9tIFZhbmlsbGEgQ2hhb3MgdG8gVnVlIFplbiBSZWJ1aWxkaW5nIEVB4oCZcyAyMDEzIE5lZWQgRm9yIFNwZWVkIFJpdmFscyBXZWIgQ2FtcGFpZ24%2Cp_Ii9uZXdzL3RpbS1iZW5uaWtzLWZyb20tdmFuaWxsYS1jaGFvcy10by12dWUtemVuLXJlYnVpbGRpbmctZWFzLTIwMTMtbmVlZC1mb3Itc3BlZWQtcml2YWxzLXdlYi1jYW1wYWlnbiI%2Cs_FDqPi97Bdrw4LcJ6.png"
  "og:image:height": "600"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "Tim Benniks   From Vanilla Chaos to Vue Zen Rebuilding EA’s 2013 Need For Speed Rivals Web Campaign"
  "twitter:description": "Tim Benniks shares his journey of transforming the chaotic vanilla JavaScript web campaign for EA's 2013 Need for Speed Rivals into a streamlined Vue.js application. This transition highlights the benefits of modern frameworks in enhancing development efficiency and user experience."
  "twitter:image": "https://vuedigest.com/_og/d/c_Template.takumi%2Cdescription_Tim%2BBenniks%2Bshares%2Bhis%2Bjourney%2Bof%2Btransforming%2Bthe%2Bchaotic%2Bvanilla%2BJavaScript%2Bweb%2Bcampaign%2Bfor%2BEA's%2B2013%2BNeed%2Bfor%2BSpeed%2BRivals%2Binto%2Ba%2Bstreamlined%2BVue.js%2Bapplication.%2BThis%2Btransition%2Bhighlights%2Bthe%2Bbenefits%2Bof%2Bmodern%2Bframeworks%2Bin%2Benhancing%2Bdevelopment%2Befficiency%2Band%2Buser%2Bexperience.%2Ctitle_~VGltIEJlbm5pa3MgICBGcm9tIFZhbmlsbGEgQ2hhb3MgdG8gVnVlIFplbiBSZWJ1aWxkaW5nIEVB4oCZcyAyMDEzIE5lZWQgRm9yIFNwZWVkIFJpdmFscyBXZWIgQ2FtcGFpZ24%2Cp_Ii9uZXdzL3RpbS1iZW5uaWtzLWZyb20tdmFuaWxsYS1jaGFvcy10by12dWUtemVuLXJlYnVpbGRpbmctZWFzLTIwMTMtbmVlZC1mb3Itc3BlZWQtcml2YWxzLXdlYi1jYW1wYWlnbiI%2Cs_FDqPi97Bdrw4LcJ6.png"
  "twitter:title": "Tim Benniks   From Vanilla Chaos to Vue Zen Rebuilding EA’s 2013 Need For Speed Rivals Web Campaign"
---

> Index of every page on this site: [llms.txt](https://vuedigest.com/llms.txt)

Vuejs Amsterdam [ View all from this source](https://vuedigest.com/sources/vuejs-amsterdam) April 21, 2026 15

# **Tim Benniks From Vanilla Chaos to Vue Zen Rebuilding EA’s 2013 Need For Speed Rivals Web Campaign**

[Watch Video](https://www.youtube.com/watch?v=UOvBq94PM1A)

Share [Share on X](https://x.com/intent/tweet?text=Tim+Benniks+++From+Vanilla+Chaos+to+Vue+Zen+Rebuilding+EA%E2%80%99s+2013+Need+For+Speed+Rivals+Web+Campaign&url=https%3A%2F%2Fvuedigest.com%2Fnews%2Ftim-benniks-from-vanilla-chaos-to-vue-zen-rebuilding-eas-2013-need-for-speed-rivals-web-campaign)

**Topics **

[vue](https://vuedigest.com/topics/vue) [architecture](https://vuedigest.com/topics/architecture) [development](https://vuedigest.com/topics/development) [ All topics →](https://vuedigest.com/topics)

![Tim Benniks   From Vanilla Chaos to Vue Zen Rebuilding EA’s 2013 Need For Speed Rivals Web Campaign](https://i.ytimg.com/vi/UOvBq94PM1A/hqdefault.jpg)

**Key takeaways**

Tim Benniks shares his journey of transforming the chaotic vanilla JavaScript web campaign for EA's 2013 Need for Speed Rivals into a streamlined Vue.js application. This transition highlights the benefits of modern frameworks in enhancing development efficiency and user experience.

## **Related Articles **

![What is props reactivity loss in Vue and how to avoid it?](https://media2.dev.to/dynamic/image/width=1200,height=627,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F0wqnnm50zwbr0yhceksg.png)

Oct 26, 2026

## **What is props reactivity loss in Vue and how to avoid it?**

**Jakub Andrzejewski**

![Goodbye vue-tsc? Moving a Vue Project to TypeScript 7.1 Content Mappers](https://alexop.dev/posts/goodbye-vue-tsc-moving-a-vue-project-to-type-script-7-1-content-mappers/index.png)

Oct 24, 2026

## **Goodbye vue-tsc? Moving a Vue Project to TypeScript 7.1 Content Mappers**

**alexop.dev**

![Hexagonal Architecture in Vue: Where to Put Your Code and Why](https://mokkapps.twic.pics/vuedigest.com/article-placeholder.png)

Sep 30, 2026

## **Hexagonal Architecture in Vue: Where to Put Your Code and Why**

**alexop.dev**

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://vuedigest.com/#website","@type":"WebSite","description":"Your daily dose of Vue.js and Nuxt news. Curated articles, tutorials, and updates from the Vue ecosystem.","inLanguage":"en","name":"VueDigest","url":"https://vuedigest.com","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://vuedigest.com/news?search={search_term_string}"},"query-input":"required name=search_term_string"}],"publisher":{"@id":"https://vuedigest.com/#identity"}},{"@id":"https://vuedigest.com/news/tim-benniks-from-vanilla-chaos-to-vue-zen-rebuilding-eas-2013-need-for-speed-rivals-web-campaign#webpage","@type":"WebPage","dateModified":"2026-04-21T12:00:11.336Z","datePublished":"2026-04-21T10:00:06.000Z","description":"Tim Benniks shares his journey of transforming the chaotic vanilla JavaScript web campaign for EA's 2013 Need for Speed Rivals into a streamlined Vue.js application. This transition highlights the benefits of modern frameworks in enhancing development efficiency and user experience.","name":"Tim Benniks   From Vanilla Chaos to Vue Zen Rebuilding EA’s 2013 Need For Speed Rivals Web Campaign","url":"https://vuedigest.com/news/tim-benniks-from-vanilla-chaos-to-vue-zen-rebuilding-eas-2013-need-for-speed-rivals-web-campaign","breadcrumb":{"@id":"https://vuedigest.com/news/tim-benniks-from-vanilla-chaos-to-vue-zen-rebuilding-eas-2013-need-for-speed-rivals-web-campaign#breadcrumb"},"isPartOf":{"@id":"https://vuedigest.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://vuedigest.com/news/tim-benniks-from-vanilla-chaos-to-vue-zen-rebuilding-eas-2013-need-for-speed-rivals-web-campaign"]}],"primaryImageOfPage":{"@id":"https://vuedigest.com/#logo"}},{"@id":"https://vuedigest.com/#identity","@type":"Organization","name":"VueDigest","url":"https://vuedigest.com","logo":{"@id":"https://vuedigest.com/#logo"}},{"@id":"https://vuedigest.com/news/tim-benniks-from-vanilla-chaos-to-vue-zen-rebuilding-eas-2013-need-for-speed-rivals-web-campaign#article","dateModified":"2026-04-21T12:00:11.336Z","datePublished":"2026-04-21T10:00:06.000Z","description":"Tim Benniks shares his journey of transforming the chaotic vanilla JavaScript web campaign for EA's 2013 Need for Speed Rivals into a streamlined Vue.js application. This transition highlights the benefits of modern frameworks in enhancing development efficiency and user experience.","headline":"Tim Benniks   From Vanilla Chaos to Vue Zen Rebuilding EA’s 2013 Need For Speed Rivals Web Campaign","inLanguage":"en","thumbnailUrl":"https://i.ytimg.com/vi/UOvBq94PM1A/hqdefault.jpg","@type":["Article","NewsArticle"],"author":{"@id":"https://vuedigest.com/#identity"},"image":["https://i.ytimg.com/vi/UOvBq94PM1A/hqdefault.jpg"],"isPartOf":{"@id":"https://vuedigest.com/news/tim-benniks-from-vanilla-chaos-to-vue-zen-rebuilding-eas-2013-need-for-speed-rivals-web-campaign#webpage"},"keywords":["vue","architecture","development"],"mainEntityOfPage":{"@id":"https://vuedigest.com/news/tim-benniks-from-vanilla-chaos-to-vue-zen-rebuilding-eas-2013-need-for-speed-rivals-web-campaign#webpage"},"publisher":{"@id":"https://vuedigest.com/#identity"}},{"@id":"https://vuedigest.com/news/tim-benniks-from-vanilla-chaos-to-vue-zen-rebuilding-eas-2013-need-for-speed-rivals-web-campaign#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","item":"https://vuedigest.com/news","name":"Articles","position":1},{"@type":"ListItem","name":"Tim Benniks   From Vanilla Chaos to Vue Zen Rebuilding EA’s 2013 Need For Speed Rivals Web Campaign","position":2}]},{"@id":"https://vuedigest.com/#logo","@type":"ImageObject","caption":"VueDigest","contentUrl":"https://mokkapps.twic.pics/vuedigest.com/logo.png","inLanguage":"en","url":"https://mokkapps.twic.pics/vuedigest.com/logo.png"}]}
```

## Sitemap

See the full [sitemap](https://vuedigest.com/sitemap.md) for all pages.