라우팅의 새 시대: TanStack Router 1.0.0 출시

ReactQuery 를 개발한 TanStack 에서 12월 23일 새로운 라우터 라이브러리 Tanstack Router 정식버전이 릴리즈 되었습니다.

TanStack Router는 TypeScript를 염두에 두고 만들어졌는데요.


TypeScript의 강력한 타입 시스템을 활용하여 라우팅을 관리하는 데 초점을 맞추고 있으며, 타입 안전성을 보장하려는 목적으로 설계되었습니다. 따라서 코드를 작성하는 컴파일 과정에서 개발자의 실수를 잡아주며, 라우팅이 타입세이프 하게 작동되기 때문에 이를 통해 개발자들은 타입 정보를 활용하여 더 정확하고 안전한 라우팅 구조를 구축할 수 있습니다.


또한 단순 라우팅 기능을 넘어서서, 추가적으로 데이터를 로드하고 관리하는 기능도 제공합니다. 페이지 이동 시 필요한 데이터를 사전에 가져와서 이후 방문에서는 캐싱된 데이터를 사용하여 사용자의 경험을 높일수 있습니다.


또 쿼리스트링을 관리하기 위한 다양한 파라미터 API도 제공하는데요. 파라미터의 상태를 쉽게 읽고, 변경하고, 동기화 할 수 있습니다. 파라미터를 사용하는 복잡한 로직을 간소화하고 세밀하게 제어하여, 페이지네이션, 필터링, 정렬 등과 같은 고급 기능을 손쉽게 구현할 수 있습니다. 상태를 메모리에 관리하는게 아닌 Tanstack Router의 기능을 통해서 URL을 통해 손쉽게 관리할수 있다고 합니다.


용량도 12kb로 매우 가볍습니다.


TanStack의 ReactQuery 는 웹개발의 많은 변화를 일으켰는데요. Tanstack Router가 react-router-dom을 대체할수 있을지 기대가 됩니다.


https://tanstack.com/router/v1

TanStack Router | React Router, Solid Router, Svelte Router, Vue Router

tanstack.com

TanStack Router | React Router, Solid Router, Svelte Router, Vue Router

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2023년 12월 28일 오전 12:35

 • 

저장 13조회 3,271

댓글 0