38일차 (react-router-dom 6.4, remix)

react-router-dom 6.4

주요 변경 사항 및 추가된 기능

1. Routes and Route 
=> `Route` 컴포넌트는 더 이상 `render`나 `component` prop을 사용하지 않음 자식으로 컴포넌트를 전달

2. Relative Routing
=> 경로가 상대 경로로 정의될 수 있어, 중첩 라우터를 더 쉽게 만들 수 있음

3. useNavigate Hook 
=> 이전의 `useHistory`를 대체하는 새로운 훅. 페이지 이동 및 쿼리 매개변수 관리에 사용

4. useParams, useLocation, and useRouteMatch Hooks 
=> 라우팅과 관련된 다양한 정보를 가져오는 데 사용되는 훅

5. Outlet Component
=> 중첩 라우팅에서 현재 경로에 해당하는 자식 컴포넌트를 렌더링하는 데 사용

 

 

장점

1. 간결성 새로운 API는 라우팅 정의를 더 간결하고 명확하게 만들어줌

2. 유연성 상대 경로와 중첩 라우팅을 통해 더 복잡한 라우팅 구조를 쉽게 구현할 수 있음

3. 향상된 훅 라우팅과 관련된 작업을 더 쉽게 수행할 수 있도록 향상된 훅을 제공

 

---

 

Remix

데이터 로딩, 중첩 라우팅 및 서버 사이드 렌더링과 같은 다양한 기능을 제공

 

 

주요 기능

1. Nested Routing: 중첩 라우팅을 쉽게 구현할 수 있음

2. Data Loading: 각 라우트에 대한 데이터 로딩을 쉽게 관리할 수 있음

3. Server-Side Rendering (SSR): 초기 페이지 로드 속도를 향상시키기 위한 SSR 지원

4. Fast Refresh: 코드 변경 시 즉시 반영되어 개발 효율성을 높임

장점

1. 성능: 데이터 로딩과 SSR을 통해 빠른 페이지 로드 시간을 제공

2. 유연성: 중첩 라우팅과 데이터 로딩 기능을 통해 복잡한 애플리케이션 구조를 쉽게 구현할 수 있음

3. 개발 효율성: Fast Refresh와 향상된 개발 도구를 통해 개발 프로세스가 더욱 빠르고 효율적