Our great sponsors
|5 days ago||6 days 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.
Generative minimal CSS patterns
3 projects | dev.to | 10 Apr 2022
wmr for near-instant builds & native TS support
Angular Is Rotten to the Core
9 projects | news.ycombinator.com | 4 Nov 2021
Where can I learn to properly store an API key on the backend of Create-React-App?
4 projects | reddit.com/r/reactjs | 16 Aug 2021
Preferred tech stack is always something I choose for the job at hand. That might just be a few rollup plugins + a tool like WMR or Vite, but it can be also be quite complex and custom build system too. It depends.
Integrating Fauna Into Preact WMR Application
3 projects | dev.to | 16 Jun 2021
While the development process is evolving for developers, there’s a need by many developers to have an all-in-one development tool that will make web application development faster and easier. WMR gives developers the added feature and advantage of building web applications based on the all-in-one development tool.
Using Vite with React
9 projects | dev.to | 10 May 2021
wmr does not have error overlay / SVGR support18 projects | dev.to | 3 Apr 2021
It did not take a lot of time to choose the tool. Currently, there are 3 major bundlers powered by ESM - vite, snowpack, and wmr. From the first glance - all of them look promising and I did not care about their internals as long as I don't need to touch them.
Hammer: Using esbuild to create better tools for the web
2 projects | reddit.com/r/typescript | 6 May 2021
WMR could be another option if you haven’t already seen it.
We Switched from Webpack to Vite
15 projects | news.ycombinator.com | 28 Apr 2021
a first look at wmr
2 projects | dev.to | 8 Mar 2021
wmr is an all-in-one development tool for modern web apps. Since it leverages ESM modules, it only requires an HTML files with
vitejs - Next generation frontend tooling.
Thanks! I'll watch this today on lunch break. :) To be frank, I'm not even a Vue user, but Vite looks truly awesome. I love that popular framework authors are taking the time to make their build tools framework-agnostic (also see, wmr by the Preact guys).
2 projects | dev.to | 27 Sep 2022
A collection of notes and examples I've taken while learning how to use Webpack:
Why Next.js and Nuxt.js Are Becoming Popular
7 projects | dev.to | 21 Sep 2022
Next.js is a web development framework based on React.js, Node.js, webpack, and Babel.js that allows for server-side rendering and the generation of static websites with React. It helps to lighten the load on web browsers while increasing security. Next.js is rich in features like:
Vite 3.0 vs. Create React App: Comparison and migration guide
3 projects | dev.to | 7 Sep 2022
CRA uses a third-party build tool called webpack to handle its core functionalities under the hood. This is really what Vite is up against.
Setting Up React, Babel, & Webpack Without Create-React-App
3 projects | dev.to | 3 Sep 2022
Better ways to Create React App
3 projects | dev.to | 29 Aug 2022
The Modern Refresher to React Development in 2022
7 projects | dev.to | 27 Aug 2022
It’s called create-react-app, and it uses Babel and webpack under the hood, but you don’t need to know anything about them. But I’d be irresponsible if I told you that you’ll never encounter these two programs, so I recommend saving these articles about webpack and Babel. Read them when you’re ready.
From a WebAssembly Perspective
5 projects | news.ycombinator.com | 25 Aug 2022
> If you don't do frontend stuff, you don't have to use WASM, you know?
WebAssembly is excellent for:
- Game's scripting engine (UE plugin example: https://www.reddit.com/r/unrealengine/comments/na6hfx/integr...)
- Rule engine for ServerLess scenarios (See Lucet)
- For node.js plugins instead native plugins. Webpack use this: https://github.com/webpack/webpack/tree/main/assembly/hash
- For smart contracts of blockchain. AssemblyScript uses for Near Protocol, The Graph Protocol, Cosmos and many others
Browserslist: building modern web apps for diverse global audience
10 projects | dev.to | 24 Aug 2022
React and Webpack with Phoenix 1.6
3 projects | dev.to | 23 Aug 2022
That should be good enough to get us going with creating a simple application. If you're absolutely dying to know more about these configurations you can check out the Webpack and Babel docs.
📦 Bundle Node.js into single executable binary
6 projects | dev.to | 20 Aug 2022
However, using the ESM packaging format has one advantage than CJS: tree-shaking. Tree-shaking is the concept of removing unused code from a dependency. Tools: esbuild, parcel, webpack, rollup, terser.
What are some alternatives?
craco - Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.
vite - Next generation frontend tooling. It's fast!
Rollup - Next-generation ES module bundler
parcel - The zero configuration build tool for the web. 📦🚀
react-app-rewired - Override create-react-app webpack configs without ejecting
gulp - A toolkit to automate & enhance your workflow
Snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️ [Moved to: https://github.com/FredKSchott/snowpack]
Microbundle - 📦 Zero-configuration bundler for tiny modules.
FuseBox - A blazing fast js bundler/loader with a comprehensive API :fire:
pkg - Package your Node.js project into an executable