World Congress 2024 • Aug 20, 2024 • Session details

Common Mistakes in Vue.js and How to Avoid Them

Are silent synchronization bugs breaking your Vue.js components? Stop using loop indices as keys and discover why universally adopting ref() will save your application's reactivity.

Common Mistakes in Vue.js and How to Avoid Them thumbnail

Checking access…

Playback and chapters load privately for Free videos.

Matching moments

5:27 min

Core JavaScript structures powering Vue reactivity

Marc Backes · World Congress 2021

2:59 min

Comparing Vue to React and Angular

Rob Richardson · LIVE

2:57 min

Fundamental concepts of Vue 3 reactivity and Observer pattern

Marc Backes · LIVE

3:30 min

Structuring and importing predictable, side-effect free composables

Abdelrahman Awad

Abdelrahman Awad · World Congress 2025

1:28 min

Introduction to the speaker and frontend projects

Abdelrahman Awad

Abdelrahman Awad · World Congress 2025

3:05 min

Server rendered component revival and cyclical software trends

James Seconde · World Congress 2023

More from World Congress 2024

Beyond the Hype: Real-World AI Strategies Panel thumbnail

Beyond the Hype: Real-World AI Strategies Panel

Mike Butcher +3

Carl Lapierre - Exploring Advanced Patterns in Retrieval-Augmented Generation thumbnail

Carl Lapierre - Exploring Advanced Patterns in Retrieval-Augmented Generation

Carl Lapierre · Osedea

Coding an Immersive Copilot using Unity / .NET and Azure OpenAI! thumbnail

Coding an Immersive Copilot using Unity / .NET and Azure OpenAI!

Zaid Zaim · Neo4j

Building a diverse tech company: The power of Diversity, Equity, Inclusion, and Belonging thumbnail

Building a diverse tech company: The power of Diversity, Equity, Inclusion, and Belonging

Sue Quackenbush · Dynatrace

Livecoding with AI thumbnail

Livecoding with AI

Rainer Stropek · software architects

Dapr in Practice thumbnail

Dapr in Practice

marcklefter · AxonIQ

Upcoming sessions on this topic

Understanding React Performance Patterns Developers Often Get Wrong

Himanshu Srivastava

Best Buy India

Software Engineer

The Death of Manual Memoization: High-Performance React 19 for the Scaling Startup

Vishnudhasan Govindarajan

CareStack

Product Engineer

Your Server-Rendered App Doesn't Know Who It's Talking To

Anshul Bansal

OLX India

Principal Architect

From Profiler to Production: Measuring What Actually Matters in React & React Native

Andrei Tazetdinov

Dynatrace

React Native Developer

The UI Engineering Playbook: Modern CSS, Design Systems, Motion & AI-Assisted Workflows

Wadad Parker

Ednius Inc.

SDE

React Under Fire: Rendering Performance for Streaming Agent UIs

Abhirupa Mitra

Slack

Senior Member of Technical Staff

Related videos

Under The Hood of Vue 3 Reactivity thumbnail

Under The Hood of Vue 3 Reactivity

Marc Backes

World Congress · 2021

Under The Hood Of Vue 3 Reactivity thumbnail

Under The Hood Of Vue 3 Reactivity

Marc Backes

LIVE · Apr 2023

Bringing back reactivity in "reactive" frontend thumbnail

Bringing back reactivity in "reactive" frontend

Michał Moroz · Makimo

World Congress · 2024

Lessons learned from building a thriving Vue.js SaaS application thumbnail

Lessons learned from building a thriving Vue.js SaaS application

Abdelrahman Awad · Rasayel.io

World Congress · 2025

Vuejs and TypeScript- Working Together like Peanut Butter and Jelly thumbnail

Vuejs and TypeScript- Working Together like Peanut Butter and Jelly

Rob Richardson

LIVE · Mar 2021

Dos and don'ts with react hooks. An opinionated approach thumbnail

Dos and don'ts with react hooks. An opinionated approach

Daniel Espino Garcia · Mattermost

World Congress · 2024

Related articles

BR

Benjamin Ruschin

The HTML Elements That You’re Probably Over-Engineering

As frameworks have become more and more commonplace in the world of web development, so too has the over-engineering of features made possible by our humble old friend, HTML. The mental models that...

about 1 year ago

HTML elements mocked up with their code

LM

Luis Minvielle

The Best JavaScript Framework to Learn

When the Greek mastermind Heraclitus, millennia ago, claimed that “the only constant is change,” he certainly pepped up Star Wars creator George Lucas to perpetually re-do shots crucial to the cano...

over 3 years ago

The Best JavaScript Framework to Learn

DC

Daniel Cranney

How to Avoid Over-Engineering

In today’s software development world, the demand for designing applications that are both robust and easy to maintain is more pressing than ever. Many developers encounter the architectural chaos ...

almost 2 years ago

A series of code blocks with 'X's on showing they are incorrect, with one CSS block shown as the correct answer.

BB

Benedikt Bischof

Web Development Best Practices: What The Data Tells us

Welcome to the new issue of the WeAreDevelopers Live Talk series. This article recaps an interesting talk by Laurie Voss who gave advice about the best practices in web development. What you will l...

over 4 years ago

Web Development Best Practices: What The Data Tells us

From learning to earning

Jobs that call for the skills explored in this talk.

about 2 months ago • Verified

Senior Product Engineer

Blacksmith Software

New York, United States

Expert $200k–300k React

18 days ago • Verified

Senior React Native Developer

Expert $100k–120k Remote React TypeScript React Native

Senior Web Software Architect, AI Experiences

TeamViewer Germany GmbH

Austin, TX, United States

Expert ReactJS TypeScript TeamViewer

Senior Software Engineer, React (Broker Web Platform)

Remote ReactJS Caching TypeScript

Staff Engineer - Web Platform

Expert Remote Next.js ReactJS Amazon S3

Principal Software Engineer, Copilot Code Review

San Francisco, CA, United States

Expert Ruby Golang Github