iT邦幫忙

巷中小樹裡
iT邦新手 5 級 ‧ 點數 223
5113
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

<法式Terrine : React next.js Chakra-UI styled-component 精緻的搭配> 系列

Bonjour！
在這30天內，從頭開始使用淺顯易懂的方式，帶領各位細細品嚐，每一層經過用心處理過的文字，每一層最精華的知識。 記錄下這幾個月的所知所學～

參賽天數 18 天 ｜ 共 18 篇文章 ｜ 12 人訂閱 訂閱系列文 RSS系列文
0 Like 0 留言 670 瀏覽
DAY 1

第一天：目錄

目錄 09-01-2021 Bonjour！ 接下來的 30 天裡，每天一點小知識將寫下我腦中盤之錯節的想法與觀念，一一寫下紀錄。 說到為什麼要選擇以 Reac...

2021-09-01 ‧ 由 巷中小樹裡 分享
0 Like 0 留言 588 瀏覽
DAY 2

< 關於 React: 開始打地基| 如何創立一個新專案>

09-02-2021 如何開始使用React 本章內容 將React加到網頁中 只需部分使用時 建立全新React應用介面 使用CDN加入 建立全新Re...

2021-09-02 ‧ 由 巷中小樹裡 分享
0 Like 0 留言 934 瀏覽
DAY 3

< 關於 React: 開始打地基| JSX >

09-03-2021 前情提要 以往的學習經驗來說，在撰寫前端時一定會遇到的三大巨人：HTML，掌管網頁的結構、CSS，掌管網頁的外觀樣貌、JacaScript...

2021-09-03 ‧ 由 巷中小樹裡 分享
0 Like 0 留言 683 瀏覽
DAY 4

< 關於 React: 開始打地基| 建立一個最小的單位 “Element” >

09-04-2021 避免與component混淆的最小單位 在建立element時，與DOM element 不同的是，React element是一個obj...

2021-09-04 ‧ 由 巷中小樹裡 分享
0 Like 0 留言 1534 瀏覽
DAY 5

< 關於 React: 開始打地基| function、class function >

09-05-2021 React Component 是基於元件化的思考模式 本章內容 Component特性 Component注意事項 Functio...

2021-09-05 ‧ 由 巷中小樹裡 分享
0 Like 0 留言 1362 瀏覽
DAY 6

< 關於 React: 開始打地基| 拆解Component>

09-06-2021 本章內容 拆解Component，讓大家一起分工合作吧！ 組合 Component 抽離 Component Props 特性 使...

2021-09-06 ‧ 由 巷中小樹裡 分享
0 Like 0 留言 714 瀏覽
DAY 7

< 關於 React: 開始打地基| props、state >

本章內容 prop的傳遞重點 宣告預設的props 如何使用prop this.state 從另外一個函示中叫出this.setState 使用 th...

2021-09-07 ‧ 由 巷中小樹裡 分享
0 Like 0 留言 725 瀏覽
DAY 8

< 關於 React: 開始打地基| useState()>

09-08-2021 本章內容 THE STATE HOOK Hook 可以做的事情 規則 使用useState（）改變背景顏色 初始化狀態(In...

2021-09-08 ‧ 由 巷中小樹裡 分享
0 Like 0 留言 1548 瀏覽
DAY 9

< 關於 React: 開始打地基| useEffect() >

09-09-2021 本章內容 function component effects 創立一個彈跳視窗 Clean Up Effects 當effect...

2021-09-09 ‧ 由 巷中小樹裡 分享
0 Like 0 留言 606 瀏覽
DAY 10

< 關於 React: 開始打地基| LifeCycle 生命圈>

09-10-2021 Mounting 當組件被初始化，第一次被放入DOM時。 ComponentDidMount() 在安裝階段調用的最後一個辦法-const...

2021-09-10 ‧ 由 巷中小樹裡 分享
巷中小樹裡的鐵人檔案
巷中小樹裡的收藏
巷中小樹裡的追蹤
巷中小樹裡的Like
巷中小樹裡的紀錄
巷中小樹裡的訂閱列表