React Router의 목적은 무엇입니까?

Question

서버에서 Express를 사용하여 라우팅 할 수 있다고 가정 할 때 클라이언트 측 라우터가 필요한 이유는 무엇입니까? 혜택은 무엇이며 SPA에만 중요합니까?

Answer 1

응용 프로그램을 브라우저 URL과 동기화하려면 클라이언트 측 라우팅이 필요합니다.

XHTML 또는 AJAX 호출을 통해 RESTful API 호출에 백엔드가 사용되는 단일 페이지 응용 프로그램에 주로 유용합니다.

SPA가 책을 사용하면 책을 귀하의 URL에 표시 할 수 있으며 다시 URL에 도달하면 응용 프로그램은 해당 페이지를 데이터와 상태로로드해야합니다.

서버 쪽 라우팅과 클라이언트 쪽 라우팅의 주된 차이점은 다음과 같습니다.
1. 서버 쪽 라우팅에서 전체 페이지를 다운로드 (제공)합니다.
2. 전체 페이지와 함께 클라이언트 측 라우팅에서 페이지의 특정 부분을 제공하고 DOM을 재사용하며 URL 및 기록 상태를 수동으로 관리 할 수 ​​있습니다. 예.

www.something.com/page1/tab1 URL이 더 복잡 얻을 수있는이 방법에서는 UI

에 TAB2를 표시 할 UI
www.something.com/page1.tab2에 TAB1을 보여줍니다 당신은 국가와 하위 경로를 가질 수 있습니다.

Answer 2

클라이언트 측 라우터가 필요한 사용자는 상태 관리가 필요합니다. 서버 렌더링 페이지가 있지만 일부 클라이언트 측 위젯이 있다고 가정 해 보겠습니다. 캘린더, 필터 세트 또는 축소 된 또는 열린 사이드 바를 포함 할 수 있습니다. 라우터는 사용자가 원하는 정확한 상태로 페이지 구성 요소를 초기화 할 수 있도록 도와줍니다. 허락하신다면, 당신은 그것의 대부분과 내가 서버에서 지정한 모든 유스 케이스를 할 수 있습니다. 그러나 대개 클라이언트에서이를 처리하는 것이 훨씬 쉽습니다. 서버에서 더 빠르게 렌더링 할 수도 있지만 때로는 부분 페이지 업데이트를 수행 할 때 특히 클라이언트 쪽을 처리하는 것이 더 저렴하고 빠릅니다.