React 유틸리티: @teamsparta/react

팀 내부에서 자주 사용하는 React 컴포넌트와 훅을 모아둔 패키지입니다. 매번 레포마다 코드를 재생성할 필요 없이 일관되게 작성할 수 있습니다.

import {
  useBoolean,
  useDebounce,
  SwitchCase,
  When,
  Separated,
} from '@teamsparta/react';

<SwitchCase
  value={status}
  caseBy={{
    loading: <Spinner />,
    error: <ErrorMessage />,
    success: <Content />,
  }}
/>;

<When condition={isLoggedIn}>
  <UserProfile />
</When>;

<Separated separator={<Divider />}>
  {items.map((item) => (
    <Item key={item.id} {...item} />
  ))}
</Separated>;

const [isOpen, { setTrue: open, setFalse: close, toggle }] = useBoolean(false);

const debouncedQuery = useDebounce(query, 300);