|3 months ago||1 day ago|
|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.
6 projects | /r/u_vjvpundjke | 11 May 2023
Gulp - the streaming build system
6 projects | dev.to | 26 Mar 2023
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 | /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.
11 Ways to Optimize Your Website
12 projects | dev.to | 12 Nov 2023
Besides Webpack, there are many other popular web bundlers available, such as Parcel, Esbuild, Rollup, and more. They all have their own unique features and strengths, and you should make your decision based on the needs and requirements of your specific project. Please refer to their official websites for details.
Bun vs Node.js: Everything you need to know
7 projects | dev.to | 21 Sep 2023
In the Node.js ecosystem, bundling is typically handled by third-party tools rather than Node.js itself. Some of the most popular bundlers in the Node.js world include Webpack, Rollup, and Parcel, offering features like code splitting, tree shaking, and hot module replacement.
12 projects | news.ycombinator.com | 2 Jul 2023
There are projects attempting to do more things. I've really enjoyed Parcel (https://parceljs.org). But it won't handle things like linting or unit testing, which you may or may not want. Vite is also pretty popular (https://vitejs.dev/), and it has a test runner.
Thing is, most of the problems described in the post aren't related to low-JS front-end libraries like HTMX or alpine. You can write React without a linter, bundler, build tool, unit testing, or linting. But with any of these projects at scale, you start wanting more:
- If you want to write unit tests in JS, you need to choose a test runner (probably Jest or Vitest -- until the built-in node testing module becomes more common).
- If you want linting, you need a linter (probably Eslint). If you want type safety, you need a type checker (probably Typescript).
- If you want to create smaller JS files to ship to production and to automatically handle assets, you need a bundler.
- If you want to use new language features while supporting old browsers, you need polyfills.
- If you want to use all these things together, you need something to bring it together (like Webpack).
So it really depends what you need! You may not need any. But as you can imagine, in many professional projects with multiple developers it's very nice to have unit tests, linting, and type checking :) (And you start caring about end-user performance a lot more, in which case optimizing the shipped bundle is important.)
Take all that, and then compare to a language like Rust, which has most of the "ecosystem stuff" built-in. In Rust, you get the test runner, the linter, dependency manager, type checker, and documentation tool all included. Easy! Thankfully, Rust doesn't have to care about whether users support modern language features (because it compiles down to lower code ahead of time), or whether the binary shipped to the client is optimally organized for downloading immediately over the internet.
It's a problem in JS because A) you have to care about more problems than many other languages since JS needs to load instantly over the wire in a web browser, and B) there is a huge amount of choice and not a lot of standardization in web tools. (And what standardization there is (Node, npm), there are still competitors trying to even further reduce the pain points.)
I think that in ten more years, we'll be in a better place, because there is push back (like this post!) against these problems, which will encourage more tools trying to solve the explosion of tools. Which seems counterintuitive, but these tools were created to solve very real problems. So I see it as a pendulum which has swung too far, but will likely swing back to a more balanced place. And you see that with tools like Vite gaining popularity.
11 projects | dev.to | 14 Jun 2023
Bundling: Webpack, Parcel, Rollup
5 Different Tools to Bundle Node.js Apps
8 projects | dev.to | 13 Jun 2023
Parcel is another popular bundler you can use to bundle Node.js applications. Unlike Webpack, you do not need to write additional configurations with Parcel since it is a zero-configuration bundler. It is capable of automatically detecting and bundling project dependencies.
[AskJS] Seeking a Shortcut or Program to Toggle 'Active State' Between Two Monitors on a Mac Mini
It looks like create-react-app is dead. What should I use instead?
2 projects | /r/reactjs | 24 Apr 2023
I love https://parceljs.org/.2 projects | /r/reactjs | 24 Apr 2023
I've started to use parcel for all my projects: https://parceljs.org/
Live preview of vanilla CSS as I change it?
2 projects | news.ycombinator.com | 19 Apr 2023
The simplest solution might be to use parcel https://parceljs.org/
> The zero configuration build tool for the web.
How are you building React applications? It's time to move on from Create React App
13 projects | dev.to | 12 Apr 2023
What about rolling your own? Most people that have only ever used CRA, Next.js, or similar tools will think that seems like a lot of work. In the past, it usually did require quite a bit of knowledge about webpack, so you aren't wrong. But tooling has come a long way, and tools like Parcel, NX, and Razzle have simplified the process. Even more recently, Vite has gained an ever-increasing market share.
What are some alternatives?
vite - Next generation frontend tooling. It's fast!
esbuild - An extremely fast bundler for the web
Next.js - The React Framework
Rollup - Next-generation ES module bundler
Snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️ [Moved to: https://github.com/FredKSchott/snowpack]
tsdx - Zero-config CLI for TypeScript package development
create-react-app - Set up a modern web app by running one command.
FuseBox - A blazing fast js bundler/loader with a comprehensive API :fire: