iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 29
0
自我挑戰組

請你當我的好朋友吧!ReactJS!系列 第 29

【DAY 29】react-router,很高興認識你!

  • 分享至 

  • xImage
  •  

【正文】
  倒數第二篇......
【前言】
  按照以往,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的心得筆記的部分囉!我們明天見~


上一篇
【DAY 28】用react-loadable與react-router做code splitting吧
下一篇
【DAY 30】鐵人練成!完賽心得!很累、很好玩。
系列文
請你當我的好朋友吧!ReactJS!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言