Two weeks ago we released WMR, a self-contained 2mb frontend stack in a box:
๐ฆ npm init wmr your-app
This week's @toolsday gets into why WMR exists, how it works and what makes it unique:
spec.fm/podcasts/toolsday/Ktโฆ
๐ฉโ๐ Introducing ๐ช๐ ๐ฅ:
The tiny all-in-one development tool for modern web apps.
Everything you need to build a fast Preact site, from dev to prod.
๐ฆ TSX, HMR, CSS Modules, etc
๐ฆฆ use npm modules without installing
๐ฆ one 2mb file, no dependencies
โ github.com/preactjs/wmr
Implement @preactjs quick-start WMR, and deploy to @vercel using Vercel cli. Using momentjs without `npm install`. The output build cache is less than 2MB.
This is extreme speed.
Microsite only ships components which require interaction to the client, not your entire tree. With automatic partial hydration, these @preactjs components are hydrated lazily and will never block TTI.
You have granular control over hydration methods!
github.com/natemoo-re/microsโฆ
"Of the most popular frontend frameworks tested, Preact was the only one to get a perfect score."
Looks like we won the first roundโ๏ธ Ultimately, we want everyone to ship modern packages. It will be a win for everyone and enable next-gen tooling ๐ฏ
skypack.dev/blog/2020/10/skyโฆ
Browsers are kinda awesome at debugging module graphs!
You can see the exact line where a module was requested from, how big it is and how long it took to load. No additional tooling needed โก๏ธ
Browser Devtools are the best ๐
ใใชใขใฏใใฎใฆใงใใตใคใใๆฅๆฌ่ชใงๅฉ็จๅฏ่ฝใซใชใใพใใ๏ผ
(Preact's website is now available in Japanese!)
Huge thank-you to @38elements and @eiiches ๐โโ๏ธ
โ๏ธ Preact 10.5.0 is here ๐
- โ Adds support for new jsx-runtime transforms
- ๐ Improved hydration suspend & resume
- ๐คThe usual round of bug fixes
Get it here: git.io/JUgKB
โ๏ธ preact-custom-element 4.2.0 is out now ๐
Convert any Preact component to a web component!
- ๐ณ Propagate context through Custom Element boundaries
- ๐ Reflect DOM property changes to Preact props
- โ Sync DOM attributes with props
Changelog: git.io/JUm7y
โ๏ธ A new @preactjs 10.4.8 appeared out of thin air ๐
- ๐๏ธโโ๏ธ Some amazing size reductions
- ๐ฅ Add compatibility with "SECRET_OR_YOU_WILL_BE_FIRED" variable, for real ๐ฌ
- ๐ฆ The usual round of bug fixes
Changelog: git.io/JUkBb
After 2 years of development, Preact CLI v3 is here!
๐ฝ modern JS with fallback
๐ critical CSS inlining
๐ custom prerendering (CLIโค๏ธCMS)
๐ฆ automatic data hydration
๐ง customizable service worker
๐ prefresh support
Thanks everyone who made it happen!
github.com/preactjs/preact-cโฆ
ALT 100/100 Lighthouse score, right out of the box
Fully automatic code splitting for routes
Transparently code-split any component with an async! prefix
Auto-generated Service Workers for offline caching powered by Workbox
PRPL pattern support for efficient loading
Zero-configuration pre-rendering / server-side rendering hydration
Support for CSS Modules, LESS, Sass, Stylus; with Autoprefixer
Monitor your bundle/chunk sizes with built-in tracking
Automatic app mounting, debug helpers & Hot Module Replacement
โ๏ธ Preact 10.4.6 is out now ๐
- ๐ Fixes for Suspense
- ๐ Fix compatibility issue with mobx-react-lite
- ๐ซ A few typing improvements
- ๐ฅฎ Everything is a cake
Changelog:
git.io/JJ3j3