Rogin Farrer

@1Password My girlfriend made an account on Thursday to take advantage of the black friday promo, but when she made it, it showed her the full price. Can the promo be applied to her account? When she tries again to use it, it redirects her to the sign-up page.

@kumailn Second one is also sold out! Sad I missed it 😔

First San Diego show already sold out so have added another show. americancomedyco.com/products/kumai…

New shows just announced! I’m coming to brand new cities along with added dates in Austin & Madison. Can’t wait to see you all there. Presale starts WEDNESDAY at 10AM local time with code KUMAIL before the general on sale this Friday. Tickets and all info at linktr.ee/kumailnanjiani.

@devongovett @oleg008 @aarongarciah @colmtuite @vladmoroz Hey Devon, I'm curious if the `style` function proposed here does anything when it runs to check if the provided arguments use only the properties allowed in the types? Given your example for the Button, would the "color" property work, fail silently, or throw an error?

Yeah, we're doing this in the next version of Spectrum with a TypeScript trick: type StyleString

= string & {properties: P} Then our `style` function generates a StyleString with P set to a union of the properties that you used, e.g. style({bg: 'red-400', flex: 1}) would give you StyleString<'bg' | 'flex'>. Components that accept only constrained styles can define which properties they accept: interface ButtonProps { styles?: StyleString<'flex' | 'margin'> } If someone tries to pass in either a random class string with no property info, or styles with properties that aren't allowed, they'll get a type error. But if someone passes a StyleString to a DOM element or component that accepts any string as its className then any styles are allowed.

What’s a better DX for you all, asChild in Radix or a render prop like in Ariakit? Why? I want to hear all the strong opinions.

Are there any large e-commerce companies that use @buildWithLit and/or web components? I hear a lot of people talk about the success of using them for apps. Less so for retail.

@devneill @kentcdodds This is useful reading react.dev/learn/you-migh…

@roginfarrer @kentcdodds Interesting! I’m going to do some experimenting to understand the two approaches better 🤔

TIL how to auto-focus an incorrect field on a form with #EpicWeb. This means the user can just start typing and easily fix the issue. It also makes things easier for screen reader users as they get taken directly to the issue. 60/100 #100DaysOfCode

The answer is probably to write as much of the functionality (JS) outside of the framework, then hook it into each framework for rendering. Kinda similar to the TanStack approach. Just gotta be careful with state management.

I don’t think I’d want/need a whole framework built around web components. I just don’t want my team to have to implement a component twice, then also provide utility classes for teams who aren’t using either framework 🥲

WRT web component discourse recently: My interest in WCs is from a design system perspective having to support multiple FWs for the foreseeable future. Biggest reason we haven’t done so is SSR support. I don’t think they’re an issue outside of that limitation. What am I missing?

If they don’t like how many people are buying it, they might reduce the price to convert more customers. That’s how the market works. But also. It’s wallpapers. Just get them from somewhere else if you don’t want to pay for his app.

Everybody’s mad at @MKBHD for charging for an app that he had to pay to be created and to pay artists that provide the content. I’m honestly shocked by the so many *outraged* posts of people who feel entitled to it. Jfc, just don’t buy it. It’s wallpapers. Not food.

@scottykaye I hope when you click one it gets slid into a GameBoy

New Projects list 👀👀

Woweeeee

@chantastic Which typeface do you prefer? I’m rocking a build of Zed Mono. github.com/zed-industries…

it just feels like Operator Mono but different enough ways to avoid a lawsuit… and the differences don't make it better

y'all really love Mono Lisa, don't you? honestly, don't get it

You can see all of the examples at the docs site. react-aria-carousel.vercel.app And it's open-source! github.com/roginfarrer/re…

And even supports dragging with your mouse 😎

Really excited to share my latest project! 🥳 🎠React Aria Carousel🎠 Un-styled React components for building an accessible and performant carousel (similar to Radix primitives and React Aria Components)

It supports autoplay, with all of the necessary affordances for a11y. It will stop progressing if the user is interacting with the carousel. A primitive autoplay toggle component is also provided for the user to manually pause it.

Like React Aria Components, you can simply import React Aria Carousel into your project and style them to fit the needs of your project. All of the controls required for a11y are provided, and it includes pretty much any feature you'd want in a carousel.