A magician in a vintage suit holds a large Ace of Hearts card, performing a dramatic trick against a blue background.

All Svelte Workshops

Svelte without Svelte

1 day Bookable for teams – on-site or remote

About This Workshop

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!

Bookable for teams

1 day

On-site or remote

Book for your team

Syllabus

  1. 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.
  2. Svelte Web Components

    We'll then dive into how Svelte can help you write Web Components with a much sleeker and faster authoring experience.
  3. 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.
  4. 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.
  5. Your first Vite plugin

    Let's dive deep into the magical world of Vite plugins and how they can transform your code.
  6. 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 😬

FAQ

Placeholder! What software do I need to have?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in nisi sed eros eleifend scelerisque a eu nisl. Ut eu sollicitudin magna. Nullam varius neque ante, a pulvinar ipsum luctus id.

Placeholder! What hardware do I need to have?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in nisi sed eros eleifend scelerisque a eu nisl. Ut eu sollicitudin magna. Nullam varius neque ante, a pulvinar ipsum luctus id.

Placeholder! How will the workshop be held?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in nisi sed eros eleifend scelerisque a eu nisl. Ut eu sollicitudin magna. Nullam varius neque ante, a pulvinar ipsum luctus id.

Placeholder! How will the workshop be held?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in nisi sed eros eleifend scelerisque a eu nisl. Ut eu sollicitudin magna. Nullam varius neque ante, a pulvinar ipsum luctus id.

Your mentor

Paolo is a huge nerd and Svelte maintainer. He's also one of the creators of sveltelab.dev - a REPL for SvelteKit.

Who we are

We are Mainmatter and we Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in nisi sed eros eleifend scelerisque a eu nisl. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in nisi sed eros eleifend scelerisque a eu nisl.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in nisi sed eros eleifend scelerisque a eu nisl.

Svelte Workshops

We offer a range of workshops bookable for teams that want to grow – on-site or remote. We're also happy to prepare custom workshops – get in touch with us to talk about what curriculum fits your team best!

We are Trusted by

Bookable for teams

1 day

On-site or remote

Book for your team

Can't Find the Right Workshops for Your Team?

We are happy to tailor the curriculum to your needs. We can combine multiple workshops, pick and choose modules, as well as develop new content if desired.
Get in Touch

Book This Workshop

Our mentors look forward to working with your team and unlocking new capabilities.

Send us a message

Your message is being sent…

Unable to send message.

Please try again later or contact us at info@mainmatter.com

Thank you!

We will be in touch soon.

Svelte without Svelte