11.12.22{코딩일기}벨로퍼트와 함께하는 모던리액트 5-3 챕터리뷰

[ 새롭게 알게된 것 ]

---

1. 서브라우트란 컴포넌트 안에 Route 컴포넌트를 렌더링 가능함

---

버전5의 경우 '/profiles'만 해도 nested routing이 가능했음

하지만 버전6의 경우 에스터리스크를 사용해 nested routinge을 구현해야함.

공식문서엔 splats 이라고 표기되어 있음

---

 

2. 서브라우팅을 통해 children 컴포넌트를 동시에 띄울 수 있는 장점이 있음

---

서브라우팅을 안사용 하는 경우

App 컴포넌트만 렌더링됨

서브라우팅을 사용하는 경우 children 컴포넌트까지 동시에 라우팅 가능함

---

3. 라우터도 그냥 컴포넌트 중 하나임

---

처음엔 서드파티 라이브러리 유틸인줄 알았음.

꺽쇠로 되어 있고, 내부적으로 route 파라미터(ex. /profiles/:username) 를 넘겨주는것임

---

 

4. 특정 라우트 내에 탭같은 것을 만들때 서브 라우팅 사용 권장함

---

이유는 setState를 할 필요 없이 링크를 통해 해당 탭으로 바로 진입이 가능해짐.

뿐만아니라 검색엔진 봇이 크롤링 할 때도 다양한 데이터 수집에 용이함.

---