Leipzig.js #10 (Onsite & Online) - Composable Vue

👋 Hello and welcome to the 10th Leipzig.js meetup 🥳!

This time, we’ll have an amazing talk about the composable vue. Feel free to join us 🙂

The event is suitable for intermediate attendees but some topics could be more advanced.

***

### About the talk:

In this talk, I'll share the experiences we've had maintaining VueUse.

Composables are at the heart of modern Vue applications. But not every composable delivers on its promise. Hidden dependencies, unexpectedly split state, or memory leaks can quickly arise. To get started, let’s briefly explain why the Composition API was created in the first place and how it differs from the Options API. A quick look at Effect Scopes shows how Vue manages reactivity in the background and cleans up afterward.

Next, we’ll cover the dos and don’ts of writing a composable. How do you name and structure them effectively? How do you handle arguments and return values? When is cleanup needed, and when is state unintentionally shared? Using real-world examples, we’ll see which patterns cause problems without us even noticing. And we’ll show how to turn them into composables that are reusable, predictable, and easy to test.
Translated with DeepL.com (free version)

☝ Important to know:
👨‍💼 Speaker: Robin Kehl (https://github.com/orbisK)
💬 Language: English or German it depends on the audience
🦾 Level: Intermediate but parts could be more advanced
🧠 Previous knowledge (desirable): A basic understanding of the Vue Composition API is required. If you don't have one, the talk should still provide a basic overview of the methodology.
📹 Will it be recorded? Yes

***

🗣️ About our speaker: Robin Kehl (https://github.com/orbisK)

Robin is a member of the VueUse team and also a member of the Nuxt Ecosystem team

***

⏰ Schedule:

• Entry: ~6:00 pm ⚠️
• Orga: 6:15 – 6:30 pm
• Start of the event: ~6:30 pm
• Talk: ~45 min
• Afterwards, we’ll hang out together — so feel free to stay & join us 🦄

We will have food and drinks — thanks to our sponsor Finatix 🙌

***

🏡 Location: Finatix