Vuejs Amsterdam 2023

After 3 years, returning in person to Amsterdam to bring us the Annual Anticipated State of The Vuenion with new exciting news from the Vue Eco System, a talk you can not miss brought by the creator of Vue and Vite, Evan You. Read the full recap here: https://vueschool.io/articles/news/state-of-the-vuenion-2023-a-recap-of-evan-yous-address-at-vue-js-amsterdam-2023/ https://www.jsworldconference.com/live Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

The Creator of Vite, Evan You and 9 Vite Core Team Members showing and discussing Why Vite! Vite.js is a build tool that aims to provide a faster and leaner development experience for modern web projects. Vite consists out of two major parts with A dev server that provides rich feature enhancements over native ES modules, for example extremely fast Hot Module Replacement (HMR). And A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production at Vuejs Amsterdam 2023 and JSworld Conference. https://www.jsworldconference.com/live Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Rock & roll is alive and kicking and in this talk I will showcase that Vue is so versatile it can be used to do audio visualisations while rock guitar soars through the browser. The audience will have access to a vue application which allows them to vote for a song to be played live on stage. The screen shows all the votes and I play them as they come up. While playing music meta data is shown and an audio visualisation plays while I’m rocking on stage. The more votes a song gets, the higher it shows on the list and the more chance I’ll play it. The whole experience is created using Vue and Uniform. Next to waking the audience up with some spicy rock& roll, I will explain how the software was build and why Vue is such an important technology for composable architectures with multiple channels. https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Have you ever found yourself lost in your node modules feeling like a toddler on a university campus? Yes? Well, since you work with node modules, that means you’re definitely using various NPM packages throughout your projects, but do you know what they are made of? Join Lucie during her talk to better understand how NPM packages work, how to make great packages, and what maintaining a package ecosystem looks like as she shares some of her experience publishing and maintaining packages both for her company and as an open-source contributor. https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

These days web performance is one of the most important things everyone wants to optimize on their apps, and it's clear to everyone how dramatic the impact of a poorly optimized website is on business. Yet we as an industry completely fail in recognizing its complexity and widely misuse the most common tool to measure it — Google Lighthouse. If you’re one of those people thinking that good performance equals a good Lighthouse score, you’ve also fallen into this trap and this talk is for you. You will learn when the Google Lighthouse audit results can trick you and how to make good decisions based on its output. https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

What's the frameworks' responsibilities and how we can go further on Developer Experience with Nuxt, along with the ecosystem. https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

It's time to play your tests wright. Let's take a look at how to write good tests and cover some of the best practices for testing, choosing the right locators and more. Let's make testing easy and fun by generating tests on user actions. Then lets explore some cool tips and tricks to help you write better testsPlaywright allows us to capture videos, screenshots, and other artifacts on failure, making tracing too easy. And more! https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Learn everything you need to know about packaging and publishing your own libraries as an open-source npm package in this comprehensive guide. https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

It will be a tour of different way to optimize large app,with real live examples and test comparaison https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

This talk will explore how your organization can avoid accessibility issues in your applications. You will better understand how assistive technologies are used and better cater to everyone's needs through your development lifecycle. Come learn about inclusive design, accessible implementation best practices and testing techniques. https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

In this presentation, Daniel Roe, the Framework Architect at NuxtLabs, will guide you into a new project by Nuxt, called Elk. He will tell the background story of Elk, how it grew, what makes it different and what Nuxt 3 can do in the real world. https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

The Creator of Nuxt, Sebastien Chopin will be bringing us the State of Nuxt 2023! The major release of Nuxt 3 Stable comes with some amazing upgrades like hybrid rendering, Vue 3 support, api routes, and more! With the rise of the composition API we will most likely see an even further adoption in projects that don’t require server-side rendering. https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Nitro provides a powerful toolchain and a runtime framework from the UnJS ecosystem to build and deploy any JavaScript server, anywhere! ❯ 🐇 Rapid development experience with hot module replacement ❯ 😌 Multi-provider deployments with a single codebase and zero-configuration ❯ 💼 Portable and compact deployments without node_modules dependency ❯ 📁 Directory structure aware to register API routes and more with zero configuration ❯ 🤏 Minimal Design to fit into any solution with minimum overhead ❯ 🚀 Code-splitting and async chunk loading for fast server startup time ❯ 👕 TypeScript fully supported ❯ 💾 Multi-driver storage and caching layer ❯ 💰 Route caching and static pre-rendering with built-in crawler ❯ 🐱 Hackable to extend almost any part of nitro using options ❯ ✨ Auto imports for lazy folks and a tidy minimal codebase ❯ 🏛️ Best-effort compatibility for using legacy npm packages and mocking Node.js modules https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Let's face it, understanding a long page of specs is not always a trivial task to do. Same as building a complex component system. Let's explore how we can combine visualization and composition API to create our reusable and visual-able logic system for your components, ready to use in any Vue application. https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Have you ever wondered how a product you shopped online reached your doorstep? Did you know that the Vue ecosystem powers one of the largest e-commerce websites in the world? In this talk you will be taken through how Vue influences the journey of a product around the world, and how Maersk, a global integrator in logistics, uses Vue to simplify the global supply chain. https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

In this talk, Yaël will introduce a new project he has been working on at Nuxt Labs. He will show how Pinceau helps to style your projects and he will showcase it in real time how it's done. https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

With Vue's new-and-improved state management library, we gain a much more modular tool. While being more flexible and lacking the Mutations of Vuex, Pinia presents us with more opportunities to be creative, for better or worse, with our app architecture and how state management is conducted and organized within it. This talk explores some @posva-approved best practices and architectural design patterns to consider when using Pinia in production. https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

The short answer is yes! The long answer is, attend this talk where I show you how to leverage Chakra UI Vue components and its theme API to build a custom and complete accessible design system for your brand. Using Chakra UI Vue can really speed up your process, enjoy the developer experience and keep your design team your best friend! And save on budget (some might find this interesting too). https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Frontend development is about connecting with your audience and creating a memorable experience for them. And with eCommerce, it's even more important to make that connection. However, don't let the thought of a steep learning curve scare you off from eCommerce projects - You don't need to be an expert to start building with Vue.js and Shopware Frontends. Join us as we show you how to add eCommerce features to a small application and create a fun and engaging experience for your customers. Let's craft an eCommerce story together! https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

E2E tests, integration tests, unit tests, components tests?! On what kinds of tests should I focus? Why do I regularly deploy bugs to production despite having 100% test coverage? And why do my E2E tests take ages and are flaky as hell? Let's find answers to those questions and learn how to write good tests! https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

This talk is designed to show people what a virtual DOM is, and what it is used for. We'll see a bit the theory of it, then build a simplified version of the Vue 3 VDOM on stage from scratch - step by step! After the talk, people will have more familiarity with the black box that sometimes is "VDOM". https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Histoire is A new way to write stories to showcase and document your components https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Introducing Unplugin Vue Router. A build time plugin to simplify your routing with modern features like Automatic file based Routing in Vue with TS support https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

Unlock the full potential of Vue 3 with TypeScript. This talk will cover how to type all Vue related features like reactive data, props, events, refs and much more https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

A lot has happened last year for the Vue.js ecosystem. As Vue 3 became the new default, a complete re-write of the docs boasted newly recommended tooling like Vite and Pinia. After much anticipation, Nuxt 3 was released with amazing developer conveniences, TS support, and server side functionality baked in. In this talk, we’ll take a tour of what all happened in 2022 and how it positions you to create your best web-apps in 2023! Get a top down view of the latest tooling. Get insight into the coolest new libraries & practices with LIVE examples. Learn about up-to-date resources and events in the community. And more. https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt

This talk will look at the evolution of web rendering modes and what the Jamstack movement is all about. We will build a demo project to show how a static site generator and a Headless CMS can be combined to create dynamic and engaging stories while maintaining a static site's performance and scalability benefits. You will learn about the advantages and limitations of each rendering mode and gain a deeper understanding of how to use Jamstack to build powerful and dynamic storytelling experiences https://www.jsworldconference.com/newsletter Powered by https://passionatepeople.io #jsworld #jsworldconference #frontendlove #frontenddeveloperlove #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #nuxt