--- title: Best Vite posts of 2021 | daily.dev description: The most upvoted Vite posts of 2021, curated by the daily.dev community. canonical: https://daily.dev/tags/vite/best-of/2021 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/vite/best-of/2021 og:type: website og:site_name: daily.dev og:title: Best Vite posts of 2021 | daily.dev og:description: The most upvoted Vite posts of 2021, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Vite — 2021 1. 1 [](/posts/vite-is-too-fast--vy2ewfdjl "Vite is too fast!") Article DEV · 5y Vite is too fast! Vite is a build tool created by Evan You (creator of Vue) It provides faster developement experience with instant server start, super fast Hot Module Replacement (HMR) and out of the box support for TypeScript as well. Vite pre-bundles dependencies using esbuild. 101 8 2. 2 [](/posts/slidev-presentation-slides-for-developers-ae7-uuzye "Slidev — Presentation slides for developers") Article Product Hunt · 5y Slidev — Presentation slides for developers Slidev is a web-based slides maker and presenter powered by Vite. It's designed for developers to focus on writing content in Markdown. It also has the power of HTML and Vue components to deliver pixel-perfect layouts and designs with embedded interactive demos. 101 5 3. 3 [](/posts/what-is-vitejs-an-overview-of-the-new-front-end-build-tool-b644rsp9h "What is Vitejs? An Overview of the New Front-end Build Tool") Article SitePoint · 5y What is Vitejs? An Overview of the New Front-end Build Tool Vite is a build tool that significantly improves the front-end development experience. You can use Vite to set up a development environment for frameworks like Vue and React. Vite is really fast, because it leverages native ES modules and doesn’t need to rebuild the whole bundle when something changes. 37 2 4. 4 [](/posts/vite--h6zzp6lyb "Vite + _____") Article CSS-Tricks · 5y Vite + \_\_\_\_\_ Vite, “Next Generation Frontend Tooling” from Evan You, has been capturing a lot of attention. Vite works great with Vue, but Vue doesn’t seem to be the only first-class citizen of Vite. The plugins support Vue and React just the same and it looks like configurations for lit, Preact, and Svelte are easy. 29 5. 5 [](/posts/what-is-vite-react--mxqkbr1oq "What is Vite + React!") Article Hashnode · 5y What is Vite + React! Vite (French word for "fast", pronounced /vit/) is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts: a dev server that provides rich feature enhancements over native ES modules and a build command that bundles your code with Rollup. We will use Vite to create a React application as we will see below. 26 2 6. 6 [](/posts/sveltekit-is-in-public-beta-sx9pnh8ol "SvelteKit is in public beta") Article Svelte Blog · 6y SvelteKit is in public beta SvelteKit is a framework for building apps with Svelte, complete with server-side rendering, routing, code-splitting for JS and CSS, adapters for different serverless platforms and so on. It uses Vite under the hood, unlike Snowpack, which is Vue-centric. 20 7. 7 [](/posts/comparing-the-new-generation-of-build-tools-jvi2wlayz "Comparing the New Generation of Build Tools") Article CSS-Tricks · 6y Comparing the New Generation of Build Tools A bunch of new developer tools have landed in the past year. They are biting at the heels of the tools that have dominated front-end development over the last few years. Despite their differences, these tools do share a common goal: improve the developer experience. We’ll evaluate each one, outlining what they do, why we need them and their use cases. 18 1 8. 8 [](/posts/building-large-projects-with-vue-vite-and-lerna-cjshuem5m "Building Large Projects With Vue, Vite, and Lerna") Article DZone · 6y Building Large Projects With Vue, Vite, and Lerna Vite is a new build tool from creators of Vue JS framework. It works smoothly with Vue, and with any other web framework just as well. Combined with Lerna, it works great with large modular applications. It is much faster and easier than competitors. 15 9. 9 [](/posts/web-components-with-svelte-usk5piwx3 "Web Components with Svelte") Article This Dot · 5y Web Components with Svelte Svelte is a great framework for building applications, but did you know you can create custom elements and web components with it? In this post, we'll learn how to create a Svelte component, export it as a custom element, and use it. We'll also learn about limitations when doing it. 11 [See all Vite archives](/tags/vite/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/vite/best-of/2021#page","url":"https://daily.dev/tags/vite/best-of/2021","name":"Best Vite Posts of 2021","description":"The most upvoted Vite posts of 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/vite/best-of/2021#items","numberOfItems":9,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/vite-is-too-fast--vy2ewfdjl","name":"Vite is too fast!"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/slidev-presentation-slides-for-developers-ae7-uuzye","name":"Slidev — Presentation slides for developers"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/what-is-vitejs-an-overview-of-the-new-front-end-build-tool-b644rsp9h","name":"What is Vitejs? An Overview of the New Front-end Build Tool"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/vite--h6zzp6lyb","name":"Vite + _____"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/what-is-vite-react--mxqkbr1oq","name":"What is Vite + React!"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/sveltekit-is-in-public-beta-sx9pnh8ol","name":"SvelteKit is in public beta"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/comparing-the-new-generation-of-build-tools-jvi2wlayz","name":"Comparing the New Generation of Build Tools"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/building-large-projects-with-vue-vite-and-lerna-cjshuem5m","name":"Building Large Projects With Vue, Vite, and Lerna"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/web-components-with-svelte-usk5piwx3","name":"Web Components with Svelte"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Vite","item":"https://daily.dev/tags/vite"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/vite/best-of"},{"@type":"ListItem","position":5,"name":"2021"}]}]} ```