Badass JavaScript

A showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett.

[Devon Govett @devongovett]

Excited to announce the Lightning CSS visitor API! It lets you build custom CSS transform plugins in JavaScript. ⚡️

🚀 6x faster than postcss
🍱 Fully parsed values for all CSS rules and properties
🌾 Granular API
🪆 Composable
💪 Fully typed

https://t.co/le5WpeQrT2

[Devon Govett @devongovett]

Announcing React Aria's drag and drop hooks! 🐉

♿️ Full keyboard and screen reader parity
🗃 Reorder, insert, or drop on list items
✅ Multiple selection
📱 Interoperable with native dnd
💾 File and directory support
🤩 Customizable UI and interactions

https://t.co/jnzWnohIzS

[Devon Govett @devongovett]

Parcel v2.8 is out!

⚡️ New bundling algorithm with improved automatic code splitting. 2.7x faster, 2.5x smaller!
🚀 Incremental bundling – 10x faster rebuilds!
🔥 6x faster HMR
🍃 Better tree shaking with code splitting – up to 50% smaller entry bundles!

https://t.co/77dkboI5DB

[Devon Govett @devongovett]

Excited to announce that Parcel CSS is now Lightning CSS! ⚡️

This new name makes it clear that it can be used outside Parcel, with other build tools or standalone.

Had way too much fun designing the new website too! 😜 https://t.co/nr19M6v9ja

Follow @lightningcss for updates.

[Devon Govett @devongovett]

A new React Aria release is out! 🚀

🗜️ Significant bundle size reduction
😍 DX improvements
📝 Huge documentation update
🎁 TypeScript export improvements
📥 Fewer npm packages to install
🐞 Lots of bug fixes

https://t.co/B1O6mlMKBm

[Devon Govett @devongovett]

📢 Announcing React Aria's date and time pickers!

👑 Calendars, date and time fields, and range pickers
💪 Custom granularity, unavailable dates, and more
🌍 International – 13 calendar systems
♿️ Accessible
📱 Touch friendly
🎨 Bring your own design

https://t.co/I0lrj8b7EA

[Devon Govett @devongovett]

Excited to announce Parcel v2.6.0! 🚀

🚨 React error overlay
🔭 Scoped variables in CSS modules, with automatic tree shaking!
🧩 Custom naming patterns for CSS modules
🗺️ HMR source maps
🗃️ npm packages in glob imports
🥳 ... and more!

https://t.co/Cq0K1y8l6z

Details 👇

[Devon Govett @devongovett]

Excited to announce that Parcel CSS is now the default CSS transformer and minifier in Parcel v2.4.0! 🥳

This brings improved performance and bundle sizes, and automatic vendor prefixing and transpilation of CSS for your browser targets, just like JS!

https://t.co/Vic37x2Yi0

[Devon Govett @devongovett]

More CSS Color goodies incoming! This week, I bring you support for the new color-mix() function in Parcel CSS v1.6.0. 🥳

This lets you easily mix two colors together by a specified amount, and it gives you a ton of control over how that happens. Really cool stuff! 🎨

[Devon Govett @devongovett]

Parcel CSS now supports the CSS Color Level 4 spec, which enables many new ways to define colors, including high color gamut support! 🎨

Currently only supported natively in Safari, but Parcel CSS compiles these new color spaces so they work across all browsers. 🥳

[Devon Govett @devongovett]

Just shipped Parcel CSS v1.4.0! 🚀

🍰 Support for parsing, bundling, and minifying cascade layers (@​layer + @​import)
🛖 Support for parsing and minifying @​property rules
🧑‍⚖️ Fix bundle ordering of duplicate @​import rules
� Support for unicode-range in @​font-face rules

[Devon Govett @devongovett]

Parcel CSS v1.1.0 adds support for the `@custom-media` rule from the Media Queries Level 5 draft spec. This allows you to easily reuse common media queries in multiple places! 🤩

Release notes: https://t.co/QuPpypWQLl
Live demo: https://t.co/42f9ai8rf7

[Devon Govett @devongovett]

📢 Announcing Parcel CSS: A CSS parser, compiler, and minifier written in Rust!

⚡️ Extremely fast
🗜️ Small output
🏢 Vendor prefixing
🪂 Syntax lowering
🍱 CSS modules
📦 Use with Parcel, or standalone in JS or Rust!

GitHub: https://t.co/FmOSBWGfo7
Blog: https://t.co/IMtcV3NLD2

[Devon Govett @devongovett]

New React Aria and React Spectrum releases! 🚀

👆 New useLongPress interaction hook
🖱️ Native-style highlight selection behavior and cross-device row actions in collection components
🐞 Tons of bug fixes
🐣 Brand new pre-release components!

https://t.co/pnGjxvQOkS

[Devon Govett @devongovett]

🚀 Beyond excited to announce Parcel v2.0.0 stable!

Parcel 2 brings the zero configuration experience from Parcel 1, and makes it scalable and extensible to projects of any size and complexity.

📝 Blog post: https://t.co/8RG5BADM9k
✨ New home page: https://t.co/o814hiBWyt

[Devon Govett @devongovett]

Exciting React Spectrum and React Aria releases today! 🚀

Table is out!
🎹 Keyboard navigation
✅ Multi-selection
🔄 Sorting
⏳ Async loading
♾ Infinite scrolling
🌤 Virtualization
😲 And more!

Help text and error message support for fields! 🚨

https://t.co/ryYqGylUAp

[Devon Govett @devongovett]

📢Very excited to announce Parcel 2 RC!

🪄 Automatic differential bundling
🚀 38% faster
⚛️ New JSX runtime
🚧 Better worker support
📚 Library build improvements
🧶 Glob imports
🤵 Plugin API consistency
🖼 Easier image transformer
🐞 Tons of bug fixes

https://t.co/wIO3OmqxqY

[Devon Govett @devongovett]

📢 Excited to release the React Aria ComboBox! It provides hooks to help you build great autocomplete experiences.

♿️ Accessible
📱 Mobile friendly
🗂 Section support
⏳ Async loading and infinite scrolling
🎨 100% customizable for your design

Blog post: https://t.co/pp3lSQa2oM

[Devon Govett @devongovett]

React Spectrum and React Aria releases are out! 🚀

🗂 Tabs is now stable!
🛰️ ActionGroup auto-collapses when space is limited
📱 Responsive style props
🎨 Static color option for ActionButton and ToggleButton

Some cool features in the thread below! 👇

https://t.co/0lVuJEv6eh

[Devon Govett @devongovett]

📢 Super excited to announce Parcel's new JavaScript compiler!

🚀 Up to 10x faster
🦀 Written in Rust
🐠 20x faster transpilation via SWC
🌳 Improved scope hoisting

Excited to build on this foundation and improve performance even further! 🤩

Details: https://t.co/49Z2oF5yB5