Best of Vite — 2021

1. 1
   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
   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
   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
   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
   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
   Article

   Svelte Blog·5y

   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
   Article

   CSS-Tricks·5y

   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
   Article

   DZone·5y

   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
   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