remix 참고

memo, share · 2024-11-8

← 리스트로

Remix.js에서 사용되는 주요 API

1. Component API

  • BrowserRouter: 클라이언트 사이드 라우팅을 위해 사용.
  • Routes 및 Route: 라우트 구성.
  • Link: 네비게이션 링크를 생성.
  • NavLink: 활성화된 경로와 일치하는 링크 스타일링.
  • Outlet: 중첩된 라우트를 렌더링.

2. Hook API

  • useNavigate: 프로그래밍 방식으로 네비게이션할 때 사용.
  • useLocation: 현재 위치 정보를 반환.
  • useParams: URL의 경로 파라미터를 반환.
  • useSearchParams: 쿼리 스트링을 읽고 수정.
  • useMatches: 현재 라우트 계층의 데이터 및 경로 정보에 접근.
  • useFetcher: 다양한 데이터 페칭 전략을 구현할 때 사용.
  • useLoaderData: 라우트의 로더 함수에서 반환된 데이터를 가져옴.
  • useActionData: 라우트의 액션 함수에서 반환된 데이터를 가져옴.
  • useSubmit: 폼 데이터를 제출할 때 사용.

3. Helper Functions

  • createBrowserRouter 및 createHashRouter: 클라이언트 라우터 생성 시 사용.

4. Data API

  • loader: 각 라우트의 서버 측 데이터 페칭에 사용.
  • action: 폼 제출과 같은 데이터 변형을 처리.
  • json: loader나 action 함수에서 JSON 응답을 생성할 때 사용.

5. Form API

  • Form: Remix에서 네이티브 HTML 폼 요소처럼 동작하면서도 서버 측 액션과 연결된 폼.