A showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett.
- Tweets 885
- Following 0
- Followers 14,977
- Likes 0
Badass JavaScript retweeted
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
lightningcss.dev/transforms.β¦
ALT Example code for a custom visitor plugin that replaces a --branding-padding environment variable with a value representing 20px.
10
68
430
114,851
Badass JavaScript retweeted
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
react-spectrum.adobe.com/bloβ¦
38
304
2,507
Badass JavaScript retweeted
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!
parceljs.org/blog/v2-8-0/
17
93
660
Badass JavaScript retweeted
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! π lightningcss.dev
Follow @lightningcss for updates.
27
120
681
Badass JavaScript retweeted
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
react-spectrum.adobe.com/relβ¦
1
19
185
Badass JavaScript retweeted
π’ 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
react-spectrum.adobe.com/bloβ¦
40
252
1,722
Badass JavaScript retweeted
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!
parceljs.org/blog/v2-6-0/
Details π
4
14
129
Badass JavaScript retweeted
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!
parceljs.org/blog/v2-4-0/
2
18
126
Badass JavaScript retweeted
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! π¨
ALT A screenshot of the Parcel CSS playground showing three examples of color-mix.
1
12
44
Badass JavaScript retweeted
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. π₯³
ALT Screenshot of Parcel CSS playground.
7
23
197
Badass JavaScript retweeted
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
2
9
101
Badass JavaScript retweeted
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: github.com/parcel-bundler/paβ¦
Live demo: parcel-css.vercel.app/#%7B%2β¦
9
67
Badass JavaScript retweeted
π’ 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: github.com/parcel-bundler/paβ¦
Blog: parceljs.org/blog/parcel-cssβ¦
46
344
1,960
Badass JavaScript retweeted
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!
react-spectrum.adobe.com/relβ¦
2
16
143
Badass JavaScript retweeted
π 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: parceljs.org/blog/v2/
β¨ New home page: parceljs.org
41
227
1,141
Badass JavaScript retweeted
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! π¨
react-spectrum.adobe.com/relβ¦
4
40
305
Badass JavaScript retweeted
π’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
v2.parceljs.org/blog/rc0/
11
116
582
Badass JavaScript retweeted
π’ 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: react-spectrum.adobe.com/bloβ¦
15
144
887
Badass JavaScript retweeted
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! π
react-spectrum.adobe.com/relβ¦
3
16
128
Badass JavaScript retweeted
π’ 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: v2.parceljs.org/blog/beta3/
32
352
1,910