git clone https://github.com/karenhou/hahow-hero-app.git
cd hahow-hero-app
npm install
npm start
- Axios - Promise based HTTP client for the browser and node.js
- alertifyjs - For alerts/dialog
- styled-components - managing your styles as components
- react-particles-js - for particle animated background effects
- react-bootstrap - allow you to use bootstrap components as components
- react-animations - a collection of animation
- font awesome - free icons
-
依照 github 需求使用 react+bootstrap 以及其他的第三方工具去完成
-
註解原則
- 個別 function 的大概功能
- local state 的使用的理由
- code 裡我覺得不太直覺的部分
-
困難遇到
- 在/heroes/:heroid 頁面 refresh,無法得知現在所選英雄因為 heroes 沒有在 route 裡面
- 辦法: 在 componentDidMount 底下去取得現在網頁的位置,得知現在的 hero id 轉而去設定 current 然後以 props 的方式傳至 heroCards component
- 在/heroes/:heroid 頁面 refresh,無法得知現在所選英雄因為 heroes 沒有在 route 裡面