iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

新手前端與真實世界的開發 feat.React 與他的夥伴 系列

新手前端與真實世界的開發 feat.React 與他的夥伴

參賽天數 25 天 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day-11 專案演練 - 路由建置 react-router-dom

Day-11 專案演練 - 路由建置 react-router-dom 前兩天辛苦的切版,今天要換換口味,先來做個路由。對網頁有概念的人會知道,網址就是對應...

2022-09-25 ‧ 由 aoigj100 分享
DAY 12

Day-12 專案演練 - React 拆元件的思路與操作(上)

Day-12 專案演練 - React 拆元件的思路與操作(上) 昨天玩了一下路由,今天在回來看 UI,我會將頁面上需要重複利用的樣式抽出來,在新建的 com...

2022-09-26 ‧ 由 aoigj100 分享
DAY 13

Day-13 專案演練 - React 拆元件的思路與操作(中)

Day-13 專案演練 - React 拆元件的思路與操作(中) 到了這個階段,我發現一件事情...就是,我在 Day-7 時有提到要輸出報表,然後的這幾天我...

2022-09-27 ‧ 由 aoigj100 分享
DAY 14

Day-14 專案演練 - React 拆元件的思路與操作(下)

Day-14 專案演練 - React 拆元件的思路與操作(下) 沒想到拆元件居然真的講了三天。在實作的時候常常會感覺跳過很多步驟,但實際上沒有跳,只是每個步...

2022-09-28 ‧ 由 aoigj100 分享
DAY 15

Day-15 專案演練 - 打造表單功能 react-hook-form

Day-15 專案演練 - 打造表單功能 react-hook-form 表單在 react 中的處理相當的繁複,每個 input 都要一個 onCharge...

2022-09-29 ‧ 由 aoigj100 分享
DAY 16

Day-16 掌控表格的行與列 react-table 基本安裝與使用

Day-16 掌控表格的行與列 react-table 基本安裝與使用 會開始學習使用 react-table 是有故事的,因為工作上有個需求是要讓表格需要排...

2022-09-30 ‧ 由 aoigj100 分享
DAY 17

Day-17 打造表格列選擇功能 react-table

Day-17 打造表格列選擇功能 react-table 在 todos 中可以當作任務是否完成的選取框框,也可以作為列的選取手段,這樣的設計好像很少見,我之...

2022-10-01 ‧ 由 aoigj100 分享
DAY 18

Day-18 專案演練 - 重構程式碼

Day-18 專案演練 - 重構程式碼 雖然並沒有影響專案的功能、畫面,但隨著 TodoPage 的篇幅越來越長,我感覺在撰寫程式的過程有點不太舒服,所以我打...

2022-10-02 ‧ 由 aoigj100 分享
DAY 19

Day-19 專案演練 - 打造表格排序功能 react-table

Day-19 專案演練 - 打造表格排序功能 react-table 表格排序指的是用表格的標題的內容來排序整個表格,雖然可以排序的東西是不限任何型態,只要是...

2022-10-03 ‧ 由 aoigj100 分享
DAY 20

Day-20 專案演練 - 輸出報表 react-csv

Day-20 專案演練 - 輸出報表 react-csv 插播一個小巧可愛的功能,放鬆一下心情。把待辦清單輸出 csv 檔案,透過一個下載元件,只要輸入資料就...

2022-10-04 ‧ 由 aoigj100 分享