<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"><channel><title>Demystifying the modern js toolchain workshop</title><description>An introduction to javascript build tools using vite</description><link>https://debel.github.io/</link><language>en-us</language><item><title>Introducing vite to our project</title><link>https://debel.github.io/topics/basic-vite-setup/</link><guid isPermaLink="true">https://debel.github.io/topics/basic-vite-setup/</guid><description>Lets start by just adding vite to our existing project</description></item><item><title>Bundling for production</title><link>https://debel.github.io/topics/bundling/</link><guid isPermaLink="true">https://debel.github.io/topics/bundling/</guid><description>To reduce the number of round-trips to the server, we package everything in one (or several) bundles</description></item><item><title>Editor tools</title><link>https://debel.github.io/topics/editor-tools/</link><guid isPermaLink="true">https://debel.github.io/topics/editor-tools/</guid><description>Modern editors are plug-and-play, but what allows them to do the magical things they do?</description></item><item><title>Intro to vite</title><link>https://debel.github.io/topics/intro-to-vite/</link><guid isPermaLink="true">https://debel.github.io/topics/intro-to-vite/</guid><description>What is vite and does it work?</description></item><item><title>Linting and formatting</title><link>https://debel.github.io/topics/linting-and-formatting/</link><guid isPermaLink="true">https://debel.github.io/topics/linting-and-formatting/</guid><description>these tools allow us to catch errors early and make the code look consistent</description></item><item><title>Exploring metaframeworks</title><link>https://debel.github.io/topics/metaframeworks/</link><guid isPermaLink="true">https://debel.github.io/topics/metaframeworks/</guid><description>We can do everything ourselves - great that we know how it works. But in production it might be better to use battle-tested tools</description></item><item><title>Minification</title><link>https://debel.github.io/topics/minification/</link><guid isPermaLink="true">https://debel.github.io/topics/minification/</guid><description>Delivering the smallest possible payload to the browser</description></item><item><title>Source maps</title><link>https://debel.github.io/topics/source-maps/</link><guid isPermaLink="true">https://debel.github.io/topics/source-maps/</guid><description>We&apos;ve mangled our code, but now how do we debug it?</description></item><item><title>Our sample project</title><link>https://debel.github.io/topics/the-project/</link><guid isPermaLink="true">https://debel.github.io/topics/the-project/</guid><description>Intoducing the basic version of the project we are going to imporove. It&apos;s nothing special ..for now</description></item><item><title>The JS toolchain</title><link>https://debel.github.io/topics/the-toolchain/</link><guid isPermaLink="true">https://debel.github.io/topics/the-toolchain/</guid><description>An overview of the different parts of the toolchain</description></item><item><title>About the workshop</title><link>https://debel.github.io/topics/the-workshop/</link><guid isPermaLink="true">https://debel.github.io/topics/the-workshop/</guid><description>Laying the ground rules and expectations on what we are going to be doing today</description></item><item><title>Transpiling to JS</title><link>https://debel.github.io/topics/transpiling/</link><guid isPermaLink="true">https://debel.github.io/topics/transpiling/</guid><description>Who wants to write plain old boring JavaScript? Transpilation allow us to write our code in other languages or even implement our custom syntax!</description></item></channel></rss>