Our great sponsors
|9 days ago||6 days ago|
|GNU General Public License v3.0 or later||MIT License|
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
6 projects | dev.to | 26 Mar 2023
Other popular build tools include Vite.js, Browserify, Rollup - The bundler behind vite.
React Server Components and Client Components with Rollup
3 projects | dev.to | 18 Mar 2023
While searching for a solution, I came across this issue. Ironically, one of the suggested solutions in there was the initial solution described earlier above. However, there was also another suggestion.
The Complete Guide to User Authentication in Firebase
2 projects | dev.to | 10 Feb 2023
What is your ideal setup for new project for solo developers
6 projects | reddit.com/r/node | 3 Feb 2023
My go-to front end these days is Lit with web components, rollup, and web dev server.
How to use Firestore with Redux in a React application
7 projects | dev.to | 25 Jan 2023
With tools like webpack (used by create-react-app under the hood), your entire application needs to be bundled in a single file before it can be served to the browser. Vite, on the other hand, takes advantage of native ES modules in the browser to make bundling more efficient with Rollup, serving parts of the source code as needed.
Enhance your Docsify experience with your own plugin
4 projects | dev.to | 9 Jan 2023
We use Vite as a dev server. This allows you to take advantage of hot reloading in development and easily build and minify code with Rollup integration. Vitest is also provided, so you can write tests in the matching folder.
Introduction to React Suspense
5 projects | dev.to | 27 Dec 2022
In this project I use my favorite bundling tool called vite, It is a fast compiler & bundler, and it uses rollup under the hood.
Fixing Class Composition in Tailwind CSS
10 projects | dev.to | 14 Dec 2022
While not too long, css`@apply is a lot to repeat for every class you want to “compile”. That’s why using Vite and some Rollup plugins (Vite uses Rollup under the hood) I was able to shorten it into this:
Getting Tailwind to Work with Elm Book
12 projects | dev.to | 28 Nov 2022
Most front-end frameworks nowadays include these features as part of their CLI’s such as Create React App, Angular’s ng-cli, etc. For those that don’t, many will use a combination of some type of bundler like Parcel, Rollup, or Webpack and a browser refresher like livereload. This enables you to write code, save it, and immediately see the results. This in turn leads to fast feedback as you iterate all day in this build loop. The native Elm Reactor doesn’t offer this ability and elm-live fits the bill as a small Node.js library to enable this.
Migrate to Vite from CRA
4 projects | reddit.com/r/reactjs | 29 Mar 2023
There are still several caveats using Vite as replacement. Personally I stumbled through these two issues a few times: [2433 - storybook related](https://github.com/vitejs/vite/issues/2433) and (https://github.com/vitejs/vite/issues/2139)
React SPA is a template project for creating single-page applications (SPAs) using React.
4 projects | reddit.com/r/react | 28 Mar 2023
Vite: Uses Vite as the build tool, which provides a fast and modern development experience for web applications.
Should I migrate from create-react-app?
4 projects | reddit.com/r/reactjs | 24 Mar 2023
There's an open issue on the Vite repo that is completely blocking us from migrating because the build speed gains are not worth the cost of upgrading our AWS pipeline.
How we achieved 100/100 pagespeed & CWV, with third party scripts
3 projects | dev.to | 22 Mar 2023
We use Vite for our build pipeline. Vite does a number of things, but mainly it:
How to start a React Project in 2023
4 projects | reddit.com/r/reactjs | 22 Mar 2023
I would switch over to vite but this is my only issue: https://github.com/vitejs/vite/issues/3924
create-react-app is officially dead
2 projects | dev.to | 21 Mar 2023
Vite is one of the fastest ways to start a project in react. It has faster server start time. It has better compatibility with plugins. It supports TypeScript, has better dependency resolving features out of the box. React projects created from Vite are just 20% the size of that created by CRA. You can read more about Vite here
What is Vite and Why Should You Use It Instead of Create React App?
2 projects | reddit.com/r/reactjs | 11 Mar 2023
Bad idea. We ran into this long standing issue with a project at work. There are some workarounds, but if they don't work for you, there's literally no fix.2 projects | reddit.com/r/reactjs | 11 Mar 2023
While I can definitely agree with Vite over CRA (or anything over CRA really), please be aware of the longstanding issue with incompatibilities with module and non-module dependencies that have plagued Vite and Rollup for two years now: https://github.com/vitejs/vite/issues/2139
Using Ionic Capacitor Plugins In A VueJS Vite Mobile Application
3 projects | dev.to | 10 Mar 2023
In the blog post linked above, we talked about creating mobile applications with Vue, Vite, and Ionic Capacitor.
How To Create A Mobile App Using Vite, Vue and Ionic Capacitor In 8 Minutes Including Explanation
2 projects | dev.to | 7 Mar 2023
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts:
What are some alternatives?
Next.js - The React Framework
parcel - The zero configuration build tool for the web. 📦🚀
esbuild - An extremely fast bundler for the web
swc - Rust-based platform for the Web
astro - The all-in-one web framework designed for speed. ⭐️ Star to support our work!
Laravel Mix - The power of webpack, distilled for the rest of us.
SvelteKit - web development, streamlined
tsup - The simplest and fastest way to bundle your TypeScript libraries.
create-react-app - Set up a modern web app by running one command.