Our great sponsors
|3 days ago||about 2 months 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.
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.
54 projects | dev.to | 23 Nov 2022
The Emperor's New Library
5 projects | dev.to | 13 Feb 2023
9 projects | dev.to | 9 Nov 2022
100DaysOfCode: Day 04, UI Design with Knott JS + Weavv CSS
5 projects | dev.to | 8 Sep 2022
100DaysOfCode: Artwork Profile UI Design with Weavv
5 projects | dev.to | 22 Aug 2022
100DaysOfCode: Card UI Design with WEAVV
5 projects | dev.to | 21 Aug 2022
7 projects | reddit.com/r/test_lab | 20 May 2022
Supercharge your CSS with Tailwind
5 projects | dev.to | 4 Apr 2022
With the pre-processors, you can shrink your CSS and increase reuse through variables. In almost all working cases, it will be an improvement above vanilla CSS. There are also implementations now, via PostCSS, that add vendor prefixes for you. The major drawback is, of course, that you have to compile your CSS beforehand; usually done via part of your tooling such as Grunt or Gulp.
How to replace webpack & babel with Vite on a legacy React Typescript project
11 projects | dev.to | 25 Mar 2022
As far as build tools go I remember how popular Grunt was when it was first released, then it was Gulp, and Babel came along to help you add new us features and get them working on older browsers.
Is there any tools that loop through all (html, css, js) files in a folder and minify them?
2 projects | reddit.com/r/webdev | 22 Mar 2022
Separate CSS sheets for each page?
2 projects | reddit.com/r/Frontend | 8 Feb 2022
Support this, highly recommend learning SASS https://sass-lang.com/ once you master that checkout Gulp, https://gulpjs.com/ then use them together,
What are some alternatives?
esbuild - An extremely fast bundler for the web
vite - Next generation frontend tooling. It's fast!
tsup - The simplest and fastest way to bundle your TypeScript libraries.
parcel - The zero configuration build tool for the web. 📦🚀
Snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️ [Moved to: https://github.com/FredKSchott/snowpack]
Microbundle - 📦 Zero-configuration bundler for tiny modules.
browserify - browser-side require() the node.js way
Speed Measure Plugin - ⏱ See how fast (or not) your plugins and loaders are, so you can optimise your builds