【正文】
倒數第二篇......
【前言】
按照以往,react-router的部分也在上一篇結束得差不多了,當然還有許多地方可以探討的,但我們就以比較常見的地方做筆記,希望有幫到大家。
一開始,我們先知道了react-router的主要功能,並且實作了一個超簡陋的SPA的網頁。
【DAY 22】react-router,實現單頁式網站的秘密
爾後我們開始對最常見到的<Router>
、<Route>
、<Link>
做了簡單的介紹跟可用的屬性及用法:
【DAY 23】react-router三劍客,Router、Route、Link(上)
【DAY 24】react-router三劍客,Router、Route、Link(中)
【DAY 25】react-router三劍客,Router、Route、Link(下)
當然React-router也給提供除了上述三個組件以外的其他組件,比方說是<NavLink>
、<Switch>
、<Redirect>
等等......
【DAY 26】React-router,其它很有用的組件(上)
【DAY 27】React-router,其它很有用的組件(下)
最後,我們說到其實用webpack等打包工具會把我們所有的檔案bundle成一隻js檔案,但我們更希望他可以幫我們做拆分js的動作,只需要在用到某部分程式碼的時機時再幫我們直行即可,因此我們利用react-loadable
達到code splitting的動作。
【DAY 28】用react-loadable與react-router做code splitting吧
以上就是這次的react-rouuter的心得筆記的部分囉!我們明天見~