TanStack Router | React Router, Solid Router, Svelte Router, Vue Router
tanstack.com
라우팅의 새 시대: 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
다음 내용이 궁금하다면?
이미 회원이신가요?
2023년 12월 28일 오전 12:35
댓글 0
함께 읽은 게시물
하나부터 열까지 리더가 상세히 설명해 주기를 바라는 구성원이 있습니다. 반대로 큰 얼개만 듣고 나머지는 자율적으로 하고 싶어 하는 경우도 있죠. 회식에 참여하는 것을 너무나 힘겨워 하는 구성원이 있는 반면, 동료들과 함께 시간을 보내며 가까워지는 것을 원하는 구성원도 있습니다.
... 더 보기
피클은 지난달 하루 200명씩 신규 유입, 불과 한 달 만에 사용자 수 5배라는 폭발적 성장세를 보이고 있다. 전체 이용자 중 70%가 미국, 20%가 유럽에 분포하며, 평균 주 5회 이상 회의·온라인 모임에 피클 아바타를 활용하고 있다.
... 더 보기
비개발자도 Cursor AI로 결제 가능한 웹 서비스 만들기 🚀
6
... 더 보기한때 천만원에 거래되었던 Manus, Bedrock 무료 오픈소스로 공개
한
... 더 보기
