Day-11 專案演練 - 路由建置 react-router-dom 前兩天辛苦的切版,今天要換換口味,先來做個路由。對網頁有概念的人會知道,網址就是對應...
Day-12 專案演練 - React 拆元件的思路與操作(上) 昨天玩了一下路由,今天在回來看 UI,我會將頁面上需要重複利用的樣式抽出來,在新建的 com...
Day-13 專案演練 - React 拆元件的思路與操作(中) 到了這個階段,我發現一件事情...就是,我在 Day-7 時有提到要輸出報表,然後的這幾天我...
Day-14 專案演練 - React 拆元件的思路與操作(下) 沒想到拆元件居然真的講了三天。在實作的時候常常會感覺跳過很多步驟,但實際上沒有跳,只是每個步...
Day-15 專案演練 - 打造表單功能 react-hook-form 表單在 react 中的處理相當的繁複,每個 input 都要一個 onCharge...
Day-16 掌控表格的行與列 react-table 基本安裝與使用 會開始學習使用 react-table 是有故事的,因為工作上有個需求是要讓表格需要排...
Day-17 打造表格列選擇功能 react-table 在 todos 中可以當作任務是否完成的選取框框,也可以作為列的選取手段,這樣的設計好像很少見,我之...
Day-18 專案演練 - 重構程式碼 雖然並沒有影響專案的功能、畫面,但隨著 TodoPage 的篇幅越來越長,我感覺在撰寫程式的過程有點不太舒服,所以我打...
Day-19 專案演練 - 打造表格排序功能 react-table 表格排序指的是用表格的標題的內容來排序整個表格,雖然可以排序的東西是不限任何型態,只要是...
Day-20 專案演練 - 輸出報表 react-csv 插播一個小巧可愛的功能,放鬆一下心情。把待辦清單輸出 csv 檔案,透過一個下載元件,只要輸入資料就...