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
React Aria's NumberField is now available! ๐
๐ Internationalization support across locales and numbering systems
โ๏ธ Format decimals, percentages, currencies, and units
๐ช Stepping support
๐ฑ Mobile optimized
โฟ๏ธ Tested across assistive tech
Blog post: react-spectrum.adobe.com/bloโฆ
6
17
139
Badass JavaScript retweeted
Just merged something really cool for Parcel 2: HMR for Parcel plugins and other build dependencies! ๐ฒ
This makes it super fast to work on a plugin and see your changes instantly โ no need to restart Parcel.
Works with Babel plugins too, and even in node_modules! ๐คฏ
2
12
109
Badass JavaScript retweeted
Jam-packed releases of React Aria and React Spectrum are out! ๐
๐น useSelect keyboard improvements
๐ Keep tooltips open on hover
โณ Filtering in useAsyncList
๐ Lots of bug fixes
๐ง Alphas of ComboBox, NumberField, ColorSlider, ColorWheel, & ColorField
react-spectrum.adobe.com/relโฆ
2
11
96
Badass JavaScript retweeted
Working on a --lazy option for Parcel that only builds files that are requested by the dev server on demand! ๐ฒ
This can significantly reduce startup time. For example, if you're working on a single page of an app, there's no need to build other pages until you load them. ๐
1
12
180
Badass JavaScript retweeted
Working on reducing the default install size of Parcel. We now only install essential plugins by default, and auto install additional plugins into your project on demand!
This reduces the default install size of node_modules by 62% (211 MB -> 81 MB)! ๐
github.com/parcel-bundler/paโฆ
2
8
116
Badass JavaScript retweeted
Some really exciting work has been happening on tree shaking in Parcel lately! ๐
๐ Tree shaking across dynamic imports and shared bundles
๐จ Unused classes from CSS modules are automatically removed
๐ Improved tree shaking of CommonJS
๐ Over 2x faster!
7
51
454
Badass JavaScript retweeted
Happy holidays from the React Aria team. Slider is now available! ๐๐
๐ One or multiple thumbs
๐ฑ Multi-touch
โจ๏ธ Keyboard
โฟ๏ธ Extensively tested across devices and assistive tech
๐ Horizontal and vertical orientations
๐ I18n support including RTL
react-spectrum.adobe.com/reaโฆ
7
58
610
Badass JavaScript retweeted
๐ React Aria has a new interaction hook! useMove handles dragging on mouse and touch devices, and also via the arrow keys. All behavior is normalized across browsers. ๐
It even handles multi-touch so you can move multiple elements at the same time! ๐คฏ
react-spectrum.adobe.com/reaโฆ
3
25
236
Badass JavaScript retweeted
React Spectrum and React Aria releases are out! ๐
๐ Tooltips out of alpha!
๐ฌ New DialogContainer component
๐ฆ New mono-packages for react-aria and react-stately
๐ก New Spectrum "light" theme
โ๏ธ React 17 ready
๐ Lots of bugfixes
Release notes: react-spectrum.adobe.com/relโฆ
3
17
107
Badass JavaScript retweeted
Part 3 of our series on building a button is up! Covers how React Aria handles focus behavior, including keyboard focus rings and mouse/touch focus.
Did you know that browsers don't even have consistent focus behavior for native buttons and inputs? ๐คฏ
react-spectrum.adobe.com/bloโฆ
5
22
118
Badass JavaScript retweeted
Just published part 2 of our series on building a button component. Covers how React Spectrum and React Aria handle mouse hover interactions but ignore them on touch.
This is so much harder than you think, especially when you consider hybrid devices. ๐ฎ
react-spectrum.adobe.com/bloโฆ
5
26
95
Badass JavaScript retweeted
Just published the first post in a three part series on building a button component. Covers how React Aria implements adaptive press interactions across mouse, touch, keyboard, and screen readers. ๐
Who knew buttons were so complicated?! ๐คฏ
react-spectrum.adobe.com/bloโฆ
11
60
308
Badass JavaScript retweeted
๐ Super excited to announce:
โฟ๏ธ React Aria โ Accessible UI primitives for your design system.
๐ React Stately โ State and core logic for your design system.
๐ React Spectrum โ Adobeโs design system.
Learn more: react-spectrum.adobe.com/bloโฆ
Github: github.com/adobe/react-spectโฆ
46
504
2,052
Badass JavaScript retweeted
๐ Parcel 2 beta 1 has been released!
๐ณ Improved tree shaking
๐บ 20x faster source map builds
#๏ธโฃ Improved content hashing
๐จ Resolver diagnostics
๐ More accurate bundle reports
๐ Tons of bugfixes!
๐ Read more: medium.com/@devongovett/parcโฆ
๐ New website! v2.parceljs.org
8
87
350
Badass JavaScript retweeted
A new type checker for JS? ๐คฏ
hegel.js.org
Looks really interesting! Closer to Flow than TS, but implemented in JS. Focused on type inference, soundness, just JS with types (no additional features), supports .d.ts, vscode integration, etc. ๐ฒ
HT @artalar
19
63
270
Badass JavaScript retweeted
Playing around with adding context menus and multi selection to my React IDE. Allows quick access to some common actions from either the code editor or the live preview.
* Add event handlers
* Wrap in layout containers
* Delete elements and props - even deletes unused imports!
10
20
225
Badass JavaScript retweeted
Parcel 2 alpha 3 is out! ๐
๐ React Fast Refresh
๐๏ธ Bundle inlining as text or data url
๐จ Beautiful error diagnostics
๐ทโโ๏ธ Web Worker code splitting
๐ GraphQL transformer
๐๏ธ HTML minifier
๐ด Tree shaking fixes
๐ ๏ธ TypeScript improvements
๐ babel.config.json
๐ช Lots of bugfixes!
9
124
605
Badass JavaScript retweeted
Parcel 2 alpha 2 is out! ๐
๐ข LESS, SASS, Pug, and more
๐ babel.config.js
๐ท๏ธ Inline <script> & <style>
๐ FASTER cached builds
๐ฆ ESModule + CommonJS output
๐ Monorepo support
โจ๏ธ TypeScript definition output
๐ TONS of bug fixes!
yarn add parcel@next
github.com/parcel-bundler/paโฆ
1
70
245
Badass JavaScript retweeted
๐จ๐ Parcel 2 alpha 1 is HERE! ๐๐ฅ
Parcel 2 is a ground up rewrite that we've been working on for over a year, and I couldn't be more excited to finally release the first alpha! ๐
๐งช Try it out! yarn add parcel@v2
๐ Read more: medium.com/@devongovett/parcโฆ
18
134
422
Badass JavaScript retweeted
Parcel v1.12.0 is out! ๐
๐บ CSS, SASS, and LESS sourcemaps!
๐ Markdown support
๐ฅ HMR improvements
โ๏ธ Improved automatic JSX support
๐ Watch for new entry files
๐ Tons of bugfixes and improvements!
Thanks to everyone who contributed! ๐
Changelog: github.com/parcel-bundler/paโฆ
6
85
255