對於投資很狂熱的夥伴們,每天穿梭在股海之中,是不是為了得到最新消息,看了非常多的網站呢?本系列文章希望能夠藉由React架構,串接各種投資數據API,將散亂的投資資訊整理到一個網頁內,並藉由繪圖套件的輔助,將死板板的表格資料,做成一張又一張容易閱讀及分析的圖表,並且為每一張圖表加上使用說明書,不管是自己使用或是給別人看都非常方便,看到這邊是不是非常心動呢?開始吧,挑戰刻出屬於自己的投資Dashboard!
tags: 2021鐵人賽 React 本篇要將call api的功能獨立成一個元件,在架構上會更清楚的分工不同檔案的功能,之後也有可能是其他元件會呼叫api的...
tags: 2021鐵人賽 React 還記得這個網站有篩選圖表的功能嗎?當初畫wireframe的時候考量到未來圖表可能會越來越多,因此規劃了下拉式選單來做篩...
tags: 2021鐵人賽 React 一般的內容網站通常都會有將內容分頁或是動態讀取的功能,例如像是臉書的動態頁面,因為會不斷地有新的動態,也就是說它的資料量...
tags: 2021鐵人賽 React 之前剛開始設計call api取得資料的時間點是在Card元件載入的時候才讀取,但是加上分頁功能之後,會發現一個問題,假...
有了總體經濟的圖表之後,接下來就要來製作各國股市的資訊站,筆者最常看的就是台股的資訊,其次則是美股、英股、歐股、日股、匯率、利率...等等,想做的很多,剩下15...
tags: 2021鐵人賽 React 前一篇提到的導覽列的各個按鈕,點擊之後會跳到不同的頁面,每個頁面都會是不同的路徑,這個功能可以使用react-route...
tags: 2021鐵人賽 React 如Day15的wireframe,為了要加上更多的功能,因此要在頂端列新增幾個按鈕,每個按鈕代表不同的路由,而不同的路由...
tags: 2021鐵人賽 React 上一篇將選單列做出來,並且完成點擊上方按鈕會跳轉至對應頁面的功能,不過總覺得好像少了些什麼?原來是點擊按鈕之後,按鈕的樣...
tags: 2021鐵人賽 React 2.0首頁想加上各國股市的最新盤勢資訊,畢竟這些資料是投資人每天都會需要看一下的,所以放在首頁會是不錯的選擇。 首頁會放...
tags: 2021鐵人賽 React 先從mobile版型的頁面來看,可以分為幾個部份,如下圖: 分為最上面Title、TaiwanStock、USStock...