Will Comments - Answer Overflow

Topics

Will

Explore posts from servers

TTCTheo's Typesafe Cult DTDrizzle Team

TTCTheo's Typesafe Cult

•Created by Will on 9/20/2023 in #questions

As a nextjs + shadcnui user going to expo + react native, what libraries should I know about?

thanks @shiroyasha9 @ramdude! why do you guys think this is the case? intuition tells me there should be a shadcnui equivalent. Is it just the nature of mobile dev? Are there existin built in components that just do the job better?

8 replies

TTCTheo's Typesafe Cult

•Created by Will on 4/13/2023 in #questions

Prisma + Zod.. which types to use as SOT? Is there a better way?

hmm but it just seems so annoying to have to keep them all in sync and write essentially the same things twice

6 replies

TTCTheo's Typesafe Cult

•Created by Will on 2/23/2023 in #questions

Does anyone know of a way to programmatically lift classNames into typescript intellisense?

but I appreciate you trying to take me through it!

82 replies

TTCTheo's Typesafe Cult

•Created by Will on 2/23/2023 in #questions

Does anyone know of a way to programmatically lift classNames into typescript intellisense?

i am getting the feeling it's not actually the right solution for what I'm after

82 replies

TTCTheo's Typesafe Cult

•Created by Will on 2/23/2023 in #questions

Does anyone know of a way to programmatically lift classNames into typescript intellisense?

but its okay haha

82 replies

TTCTheo's Typesafe Cult

•Created by Will on 2/23/2023 in #questions

Does anyone know of a way to programmatically lift classNames into typescript intellisense?

tbh im still confused

82 replies

TTCTheo's Typesafe Cult

•Created by Will on 2/23/2023 in #questions

Does anyone know of a way to programmatically lift classNames into typescript intellisense?

const errorInk = cx<something should go here?>('bold', 'red')

82 replies

TTCTheo's Typesafe Cult

•Created by Will on 2/23/2023 in #questions

Does anyone know of a way to programmatically lift classNames into typescript intellisense?

const errorInk = cx('bold', 'red')

82 replies

TTCTheo's Typesafe Cult

•Created by Will on 2/23/2023 in #questions

Does anyone know of a way to programmatically lift classNames into typescript intellisense?

on the function call?

82 replies

TTCTheo's Typesafe Cult

•Created by Will on 2/23/2023 in #questions

Does anyone know of a way to programmatically lift classNames into typescript intellisense?

don't you need to pass something in <Colors extends Color[]>

82 replies

TTCTheo's Typesafe Cult

•Created by Will on 2/23/2023 in #questions

Does anyone know of a way to programmatically lift classNames into typescript intellisense?

hmm maybe I just don't understand generics enough

82 replies

TTCTheo's Typesafe Cult

•Created by Will on 2/23/2023 in #questions

Does anyone know of a way to programmatically lift classNames into typescript intellisense?

but not sure how that would apply to this use case

82 replies

TTCTheo's Typesafe Cult

•Created by Will on 2/23/2023 in #questions

Does anyone know of a way to programmatically lift classNames into typescript intellisense?

im kinda familiar with generics

82 replies

TTCTheo's Typesafe Cult

•Created by Will on 2/23/2023 in #questions

Does anyone know of a way to programmatically lift classNames into typescript intellisense?

then its much simpler, I just need to lift the string out

82 replies

TTCTheo's Typesafe Cult

•Created by Will on 2/23/2023 in #questions

Does anyone know of a way to programmatically lift classNames into typescript intellisense?

const Image = React.forwardRef<
  React.ElementRef<typeof AvatarPrimitive.Image>,
  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
>(({ className, ...props }, ref) => (
  <AvatarPrimitive.Image
    ref={ref}
    className={cn("aspect-square object-cover h-full w-full", className)}
    {...props}
  />
));
Image.displayName = "Avatar.Image";
Avatar.Image = Image;

const Image = React.forwardRef<
  React.ElementRef<typeof AvatarPrimitive.Image>,
  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
>(({ className, ...props }, ref) => (
  <AvatarPrimitive.Image
    ref={ref}
    className={cn("aspect-square object-cover h-full w-full", className)}
    {...props}
  />
));
Image.displayName = "Avatar.Image";
Avatar.Image = Image;

82 replies

TTCTheo's Typesafe Cult

•Created by Will on 2/23/2023 in #questions

Does anyone know of a way to programmatically lift classNames into typescript intellisense?

for something like this

82 replies

TTCTheo's Typesafe Cult

•Created by Will on 2/23/2023 in #questions

Does anyone know of a way to programmatically lift classNames into typescript intellisense?

would be nice if intellisense changed when a user passed in a different variant

82 replies

TTCTheo's Typesafe Cult

•Created by Will on 2/23/2023 in #questions

Does anyone know of a way to programmatically lift classNames into typescript intellisense?

so it's hard to know what the classname in buttonVariants() will actually be

82 replies

TTCTheo's Typesafe Cult

•Created by Will on 2/23/2023 in #questions

Does anyone know of a way to programmatically lift classNames into typescript intellisense?

/**
 * @param className - inline-flex w-fit items-center justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-line focus:ring-offset-2
 */
const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
  ({ className, variant, size, ...props }, ref) => {
    return (
      <button
        className={cn(buttonVariants({ variant, size, className }))}
        ref={ref}
        {...props}
      />
    );
  }
);
Button.displayName = "Button";

/**
 * @param className - inline-flex w-fit items-center justify-center rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-line focus:ring-offset-2
 */
const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
  ({ className, variant, size, ...props }, ref) => {
    return (
      <button
        className={cn(buttonVariants({ variant, size, className }))}
        ref={ref}
        {...props}
      />
    );
  }
);
Button.displayName = "Button";

82 replies

TTCTheo's Typesafe Cult

•Created by Will on 2/23/2023 in #questions

Does anyone know of a way to programmatically lift classNames into typescript intellisense?

so i might have something that looks like

82 replies