parcel
vite
Our great sponsors
parcel | vite | |
---|---|---|
103 | 349 | |
40,725 | 41,821 | |
0.7% | 4.9% | |
9.5 | 9.9 | |
6 days ago | 4 days ago | |
JavaScript | TypeScript | |
MIT License | 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.
parcel
- After 1 month of learning HTML and CSS made this website. What should I work on?
-
Finally, Use Your TypeScript Aliases in Parcel v2
You might keep scrolling and see the section titled "TypeScript ~ Resolution", followed by a promising tsconfig.json with some paths, and think they do actually support it. Well, they don't. This issue opened in 2017 leads me to believe they don't plan to.
-
My first full-stack web app
minify your JS to speed up your page loads - it's marginal but it's relatively trivial to automate with a deployment tool like Rollup, parcel or grand-daddy Webpack.
-
How to write a Firefox add-on using parceljs?
I created a basic firefox sidebar extension and now I want to rewrite it with the help of parceljs
- How do you get Typescript to work on a webpage with multiple files using Visual Studio Code?
-
Tailwind, Chakra UI, Mantine or just Vanilla CSS will do ?
Parcel
-
Open Source Adventures: Episode 30: Using D3 and Parcel to visualize Russian Tank Losses
Parcel didn't quite do zero-config bundling, and there are some annoying things, like it's impossible to turn off hashing (--no-content-hash just replaces content hashes with static hashes), but that's still a big improvement over other JavaScript bundlers.
-
Importance of frontend performance optimization
Too many css and script links in HTML file - This may cause too many http requests being made in order to load necessary style sheets and JavaScript code. This can be handled by bundling multiple css files and js files into single ones. Doing it manually might take forever to do. This is why I started to get interested into JavaScript bundlers. The most popular ones are Webpack, Parcel, and my latest favorite pick - Vite.
-
How to replace webpack & babel with Vite on a legacy React Typescript project
Then there was Webpack which seemed like it would be around for a while. Even after things like Parcel and Snowpack came on the scene people still recommended Webpack. I mean, it's still the backbone of create-react-app. An then, Vite was released.
-
# Setup React app from scratch - Part-1(Get your project running)
The name is self explanatory, it bundles modules. Usually in our projects we have multiple js libraries, bundlers them in a single javascript file which can be executed in the browser. there are a lot of popular bundlers available : esbuild, parcel, vitejs, webpack, rollup are the most popular once. create-react-app uses webpack under the hood. We'll use webpack-5 for our setup.
vite
-
How to start a TailwindCSS project with SCSS
SASS is a CSS preprocessor that makes writing CSS more efficient and in my opinion much easier. In this post, I'll show you how you can set up SASS with TailwindCSS in your project. For this purpose we will use Vite as a build tool.
-
Write an audio visualizer from scratch with vanilla JavaScript
For this tutorial, I'm using Vite, a simple and straightforward dev server to set up, but feel free to use any other server of your choice.
-
Address Autocomplete and Verification with Lobβs Vue Component Library
Weβll use Vite to quickly set up a Vue app and install @lob/vue-address-autocomplete:
-
Use Vite for React Apps instead ofΒ CRA
Instead of using CRA for creating React App, we can migrate to Vite. Vite is the next generation frontend tooling to build the app faster.
Vite preset templates
-
NextJS: always the best bet?
Have you tried Vite?
-
What front end framework or technology do you use to run React?
Check out either Next.js or Vite
- Creando un proyecto de React con Vite
-
InSelfView
Front-end: VITEjs _ a super fast frontend tool to render React App.
- Meta Is Transferring Jest to the OpenJS Foundation
What are some alternatives?
Next.js - The React Framework
swc - Rust-based platform for the Web
esbuild - An extremely fast JavaScript and CSS bundler and minifier
Rollup - Next-generation ES module bundler
webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
SvelteKit - The fastest way to build Svelte apps
create-react-app - Set up a modern web app by running one command.
Snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. βοΈ [Moved to: https://github.com/FredKSchott/snowpack]
astro - Build fast websites, faster. ππ§βπβ¨
Vue.js - π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.