The reactivity engine is not something we often think about when working with Vue. In this talk, I will show you the behind-the-scenes of the Vue 3 reactivity engine, and will show you how it's built by recreating it step by step.

Testing is important: You probably already know that and so you do it yourself - or your dear testers do, at least. But as your project grows, this becomes more and more tedious - each of your changes can break something in your project without you noticing it. But chasing these side-effects with a checklist after every merge is no solution either. However, end-to-end tests only do what you tell them to do - so they don't look left or right. For example, styling errors can go unnoticed.So what now? Visual testing compares the appearance of your application with a previous state. If changes become visible, you can react to them. So you or your testers have their eyes everywhere - without the need to check manually over and over again.I've been using visual testing for a while now and it has saved my neck a few times. Let's take a look at my journey together and explore if and how visual testing can help in your projects as well.

The emergence of SPAs, and therefore logic-heavy client-side code, drastically changed the game for front-end developers. As a result, for the last couple of years, we have had to catch up with sophisticated techniques to build high-quality applications—one of the essential being testing. More and more people started to add tests to their Vue. js-powered applications. With varying degrees of success. The field is still relatively new, and we all need more experience in how to test client-side applications most effectively. With my talk, I want to walk through 1) how to come up with a solid testing strategy (tools and practices) and 2) work on a real-world example of how we combine E2E testing with component testing. I want to highlight some general principles from testing theory and then go into the practical application—live coding in a TDD manner.

Meet TresJS ▲ ■ ●, a declarative way of bringing the magic of ThreeJS using everyday Vue Components and compostables. Think of it as React-three-fiber or Lunchbox but without the need for a custom renderer. It just works. Then we are going to give an overview of how TresJS solves the issue of outdated Vue wrapper libraries that struggle to keep up with ThreeJS updates and how it simplifies the process of creating ThreeJS scenes for everyone that want to start using 3D on their Vue/Nuxt apps without much experience. Then we are going to craft a beautiful scene using geometries, materials, lights, 3D Models, and fancy effects that will delight your visitors. Are you ready to add a new dimension to your Vue Apps?

Since Vue existed, people have used it for dozens of different kinds of applications. While Vue is powering the entire front end most of the time, there are also situations where (re-)building the front end with Vue simply doesn't work out. On the one hand, time and budget are scarce, on the other hand, web apps need interactive components and modern solutions to avoid technical debt. The solution is a progressive enhancement: Adding just a few small pieces of JavaScript where absolutely needed. And that's where petite-vue - another distribution of Vue - shines!
Let's take a look together what petite-vue is doing and how it is specialized for progressive enhancement in this talk.