iT邦幫忙

鐵人檔案

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

30天CSS、JS、React打造專案零組件 系列

在未來30天裡,我會用我目前學習到的知識,挑戰寫出可以重複利用的小單元,打造網頁零組件:

- 10 天 CSS : 建立RWD 零組件
- 10 天 JS : 實作 JS 小功能
- 10 天 React : 各種 hooks 練習

鐵人鍊成 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 21

DAY21 - [React] 建立專案,基礎設定

今日文章目錄: 建立專案步驟 參考資源 剛剛發現昨天的文章打到一半就上傳了?昨天腦子到底是多不好使,我還真不記得我只打了一半,其他的部分是在夢裡完成的...

2021-09-21 ‧ 由 joannachen 分享
DAY 22

DAY22 - [React] 資料夾結構概述

今日文章目錄 資料夾結構概述 參考資料 今天寫一點我對 React資料結構的基礎了解,在寫React的時候,稍微知道自己在幹嘛。(如果我有理解錯誤,拜...

2021-09-22 ‧ 由 joannachen 分享
DAY 23

DAY23 - [React hook] useState

今日文章目錄 前言 需求說明 過程紀錄 參考文章 名詞解釋真的好難,會寫教學文還讓大家看得懂的前輩真的好厲害~ 前言 延伸 昨天提到的 Browe...

2021-09-23 ‧ 由 joannachen 分享
DAY 24

DAY24 - [React hook] component 零組件

今日文章目錄 前言 參考文章 前言 昨天只有講到一點點function component,這是我們撰寫React最重要的零組件,可以將常用的邏輯抽成...

2021-09-24 ‧ 由 joannachen 分享
DAY 25

DAY25 - [React hook] props

今日文章目綠 前言 實作需求 過程紀錄 參考資料 昨天講到component零組件組裝的方法,但沒有提到管線怎麼安排。今天來談談component資料...

2021-09-25 ‧ 由 joannachen 分享
DAY 26

DAY26 - [React] 登入登出 router

今日文章目錄 需求說明 過程紀錄 參考文章 今天來練習Router切換頁面。 需求說明 兩個頁面:登入頁、顯示頁 邏輯規劃:(這次只會做到檢查帳號、...

2021-09-26 ‧ 由 joannachen 分享
DAY 27

DAY27 - [React] useEffect

今日文章目錄 前言 參考文章 之前提到,useState方法可以讓我在component內部操作資料狀態。今天來談談另外一個常用到的方法:useEff...

2021-09-27 ‧ 由 joannachen 分享
DAY 28

DAY28 - [React] useContext 概念篇

今日文章目錄 前言 參考資料 前言 在 Day25-[React] props 中我們練習用props來傳遞資料給子層。這樣的傳遞方式在小型應用程式還...

2021-09-28 ‧ 由 joannachen 分享
DAY 29

DAY29 - [React] useContext 實作篇

今日文章目錄 需求說明 過程紀錄 問題統整 重點筆記 參考資料 需求說明 加入深淺主題色切換。 過程紀錄 深淺主題色顏色配置。 export...

2021-09-29 ‧ 由 joannachen 分享
DAY 30

DAY30 - [React] useMemo 與 後續

今日文章目錄 前言 useMemo() 實作紀錄 參考資料 後續 今天要練習 useMemo(),不過爬了很多文,覺得還無法好好消化,這篇主要紀錄一些...

2021-09-30 ‧ 由 joannachen 分享