marcobcchen / nikon_v2

Nikon Side Project

前情

由於之前需求關係無法使用框架開發，所以這次使用React重製一次

網站連結

https://marcobcchen.github.io/nikon_v2/

開發環境

初次使用webpack自行建立React開發環境

技術重點

• 自製useScreenSize hook偵聽window resize
• 使用styled-components規劃全站UI
  • 使用ThemeProvider設定全域break point與顏色管理
• 使用google-map-react建立google map api
• 使用react-dropdown-select客製下拉選單樣式
• 使用react-transition-group做coomponent淡入淡出切換
• 使用react-responsive-carousel做carousel效果
• 使用html-react-parser做JSX格式轉化
• 使用gh-pages將專案deploy到github pages