tags: 2021鐵人賽 React

系列文想法來源

因為筆者本身在金融業工作，日常生活中時常關注一些投資相關的數據，例如：總體經濟數據、個股財務報告、加密貨幣價格...各種投資標的相關數據，平常都是透過網站或是軟體來看數據，例如：Yahoo finance、鉅亨網、CMoney、Bloomberg...等等，但有時候可能這些平台上面是沒有我想要看的數據，就需要自己去Google看看有沒有資料，有需要的話就要用Python將找到的資料做成圖表，其實是一個蠻人工的過程。

剛好最近在學習使用React這個框架做網站，於是希望透過鐵人賽這30天的過程，打造一個投資Dashboard，將平常會看的投資數據轉化成圖表，並呈現在網站上，同時也藉此機會熟悉React這個強大前端library。目標的話基本上希望完成從建構React專案開始，取得open source的資料，並使用javascript相關的圖像library，最後則是建立資料的更新機制，就能讓這個網站的資料保持在最新的狀態。

30天文章內容

目前暫定會用到下列內容或是技術，待之後30天的過程可能會更新這個列表，所以在完賽後這個列表才會比較確定。

1. Day1 - 前言
2. Day2 - 投資Dashboard Wireframe
3. Day3 - React專案初始架構
4. Day4 - highcharts製作線圖
5. Day5 - 多張圖表渲染(Rendering lists)
6. Day6 - 建立圖表區元件，串接API取得數據
7. Day7 - CORS與Proxy Server
8. Day8 - useState hook
9. Day9 - useEffect hook
10. Day10 - useCallback hook
11. Day11 - 分離UI元件與抓取數據元件
12. Day12 - 下拉式選單篩選功能
13. Day13 - 製作分頁(Pagination)功能
14. Day14 - 解決重複發送API請求的問題
15. Day15 - 投資Dashboard 2.0版 Wireframe
16. Day16 - react-router-dom讓SPA也有路由
17. Day17 - Dashboard 2.0版路由功能
18. Day18 - 選單列active style功能
19. Day19 - 2.0版首頁內容設計
20. Day20 - 首頁功能刻板
21. Day21 - 串接Finmind API
22. Day22 - 完成首頁功能
23. Day23 - 台股技術面功能刻板
24. Day24 - 串接台股技術指標API
25. Day25 - 完成台股技術面功能
26. Day26 - 台股籌碼面功能刻板
27. Day27 - 串接台股籌碼指標API
28. Day28 - 完成台股籌碼面功能
29. Day29 - 台股基本面功能刻板
30. Day30 - 網站功能未完待續