Our great sponsors
|5 days 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.
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).
Migrating from Create React App (CRA) to Vite
6 projects | dev.to | 22 Aug 2022
We need vite-plugin-svgr in order to import SVGs as React components. For example:
Repeating variable names for imports, types and switch. Got to be a better way!
3 projects | reddit.com/r/reactjs | 25 Feb 2022
If you're using Vite, then maybe try one of these: - https://github.com/pd4d10/vite-plugin-svgr - https://github.com/vbenjs/vite-plugin-svg-icons
Using Vite with React
18 projects | dev.to | 3 Apr 2021
Instead of webpack svgr - vite has a community plugin vite-plugin-svgr. Looking at its source code I can tell that it does the work as needed. In the future, I may want to add more SVGR options (currently for custom colors we use css currentColor property), so I may contribute it or create a similar plugin. NOTE: vite bundles the static svg in addition to assets even if you use vite-plugin-svgr. So many useless files will be generated. This is a minor issue that can be unnoticeable. I created a script for deleting those files (it has 0 impacts on the bundle because the client does not download those chunks).
What are some alternatives?
webpack-bundle-analyzer - Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
svgr - Transform SVGs into React components 🦁
vite - Next generation frontend tooling. It's fast!
react-markdown - Markdown component for React
awesome-vite - ⚡️ A curated list of awesome things related to Vite.js
rollup-plugin-visualizer - 📈⚖️ Visuallize your bundle
preact-cli - 😺 Your next Preact PWA starts in 30 seconds.
vite-tsconfig-paths - Support for TypeScript's path mapping in Vite
esbuild-loader - ⚡️ Speed up your Webpack build with esbuild