Log inSign up
Devon Govett
58.4K posts
user avatar
Devon Govett
@devongovett
Creator of @parceljs. Engineer @adobe working on React Aria and React Spectrum.
San Francisco
parceljs.org
Joined August 2008
1,138
Following
41.9K
Followers

New to X?

Sign up now to get your own personalized timeline!

Create account

By signing up, you agree to the Terms of Service and Privacy Policy, including Cookie Use.

TermsยทPrivacyยทCookiesยทAccessibilityยทAds Infoยทยฉ 2026 X Corp.
Don't miss what's happening
People on X are the first to know.
Log inSign up
  • Pinned
    user avatar
    Devon Govett
    @devongovett
    Dec 16, 2025
    Introducing the new React Aria docs! ๐ŸŽ‰ All-new content and search experience. Interactive CSS and Tailwind examples to get you started quickly โ€“ just install with shadcn. New guides and full example apps. MCP server and AI integrations. Check it out! react-aria.adobe.com
    00:00
    79K
  • user avatar
    Devon Govett
    @devongovett
    Dec 20, 2023
    Announcing React Aria Components v1.0.0! ๐Ÿฅณ Over 40 components with built-in behavior, adaptive interactions, top-tier accessibility, and internationalization out of the box, ready for your styles. react-spectrum.adobe.com/react-aria/indโ€ฆ
    00:00
    543K
  • user avatar
    Devon Govett
    @devongovett
    Dec 2, 2024
    Found a neat CSS trick to automatically swap between black or white text based on any arbitrary background color! With relative color syntax, you can use calc to adjust the text color depending if the background is above or below 50% lightness in the LCH color space.
    CSS code snippet:

.magic {
  --bg: red;
  background: var(--bg);
  /* Swap between white or black based on the background. */
  color: lch(from var(--bg) calc((50 - l) * infinity) 0 0);
}
    216K
  • user avatar
    Devon Govett
    @devongovett
    Nov 16, 2022
    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/blog/drag-and-โ€ฆ
    00:00
  • user avatar
    Devon Govett
    @devongovett
    May 24, 2020
    What if @github allowed PR authors to drag and drop files into the order they should be reviewed in rather than always showing them in alphabetical order? Sometimes I need instructions like "start here, and then go here, etc." to help guide me through the changes.
  • user avatar
    Devon Govett
    @devongovett
    Jan 30, 2020
    Unpopular opinion: React is the wrong tool for building content websites (blogs, marketing sites, documentation, etc.) today. SSR is not good enough. You end up downloading the content twice: once in the HTML, and again in the JS for hydration. How did this become so common? ๐Ÿ˜ฑ
  • user avatar
    Devon Govett
    @devongovett
    Jul 15, 2020
    ๐Ÿš€ 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/blog/introduciโ€ฆ Github: github.com/adobe/react-spโ€ฆ
    Introducing React Spectrum | React Aria
    From react-aria.adobe.com
  • user avatar
    Devon Govett
    @devongovett
    Jan 12, 2022
    ๐Ÿ“ข 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โ€ฆ Blog: parceljs.org/blog/parcel-csโ€ฆ
  • user avatar
    Devon Govett
    @devongovett
    May 20, 2021
    ๐Ÿ“ข 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/
  • user avatar
    Devon Govett
    @devongovett
    Jan 18, 2025
    Yoooo CSS view transitions are incredible! This is like 100 lines. Wild. ๐Ÿคฏ
    00:00
    121K
  • user avatar
    Devon Govett
    @devongovett
    Jun 29, 2023
    I built an iOS-style modal sheet with React Aria Components and Framer Motion! It uses gesture-driven animations to feel super smooth and natural on touch devices. It's a surprisingly small amount of code too. Check it out! ๐Ÿคฉ codesandbox.io/s/quirky-tharpโ€ฆ
    00:00
    183K
  • user avatar
    Devon Govett
    @devongovett
    May 5, 2022
    Whoa, just found out that Node has a builtin testing framework now! ๐Ÿ˜ฒ nodejs.org/api/test.html
  • user avatar
    Devon Govett
    @devongovett
    Jun 23, 2023
    Turn all HTML <a> elements into client side router links, no special framework-specific <Link> component necessary!
    Code example of a useLinkHandler hook, which registers a document level click listener for all link elements and calls a client side router. See gist for the code: https://gist.github.com/devongovett/919dc0f06585bd88af053562fd7c41b7
    665K
  • user avatar
    Devon Govett
    @devongovett
    Jun 21, 2022
    ๐Ÿ“ข 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/blog/date-and-โ€ฆ
    00:00