TanStack Router | React Router, Solid Router, Svelte Router, Vue Router
tanstack.com
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
다음 내용이 궁금하다면?
이미 회원이신가요?
2023년 12월 28일 오전 12:35