Workshop: 1 day
Svelte Without Svelte
Workshop description
If you've tried Svelte, you most likely love it and can't wait to start using it in your day-to-day job. But if you're stuck in a React codebase, it may seem impossible to convince your colleagues to migrate the whole project. There's another way! Svelte is very flexible, and Vite even more so. Combined, they can bring Svelte into your life now!
Introduction to Web Components
The Platform™ has a built-in way to create a component. We'll start from there, exploring how to author a Web Component without using any framework at all.
Svelte Web Components
We'll then dive into how Svelte can help you write Web Components with a much sleeker and faster authoring experience.
How to package a Svelte Web Component
Packaging a JavaScript library could be a workshop by itself, but it is essential to be able to truly make use of your Web Component in any project you like. So strap in and prepare to learn a bit more about bundlers and npm packages.
Vite
Speaking of bundlers: let's introduce Vite, a modern bundler that most frameworks are using. It's very powerful and can unlock some excellent quality-of-life improvements when using Web Components.
Your first Vite plugin
Let's dive deep into the magical world of Vite plugins and how they can transform your code.
Svelte in React, React into Svelte
Now that we have a lot of knowledge, let's put it to the test by building an integration between Svelte and React 😬
Your mentor
