2024-11 스크랩

2024.11.30.

2024-11-15 금

React Router v7, Static Prerendering?

react router v7가 기대되면서도, 한편으로 tanstack-start에 대해서 파보지 않을까 싶다.
그 전에, tanstack-router를 써봐야지

2024-11-20 수

An Early Glimpse of TanStack Start

기대된다..
tanstack-router부터 먼저 써봐야겠다.

2024-11-30 토

Essential Typescript for React

컴포넌트 props 타입

function Button(props: React.ComponentProps<"button">) {
  return <button {...props} />
}

function PrimaryButton(props: React.ComponentProps<typeof Button>) {
  return <Button variant="primary" {...props} />
}

union 타입

// correct
type ButtonProps = Omit<React.Component, "type"> &
  (
    | {
        asChild: true
      }
    | {
        asChild?: false
        type: "button" | "submit" | "reset"
      }
  )


// correct
<Button type="submit" />
<Button type="button" />
<Button asChild>
  <Link href="/">Home</Link>
</Button>

// incorrect
<Button />
<Button asChild type="button">
  <Link href="/">Home</Link>
</Button>

어떤 주니어 프론트엔드 개발자의 2023년을 넘겨버린 늦은 이직 회고

자극제