iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

React 走出新手村 系列

內容取自自己在開發中踩過的那些坑,新手向的教學充斥整個網路,再加上 Chat GPT 的輔助,那些基礎的應用不會太困難,但當你正式成為一個合格的新手前端工程師之後,你要如何使自己更加茁壯,就是這系列文章的精神。

junior to senior 應該要思考的細節,例如:hook function detail, Design pattern, 檔案拆分的方式, ...等等;也讓同為 React 前端開發者的新手,能更加清楚認知自己所使用的工具。

鐵人鍊成 | 共 31 篇文章 | 32 人訂閱 訂閱系列文 RSS系列文
DAY 11

React 走出新手村-深入 Context Provider

講古 在早期還沒有Context Provider的時候你每一層都需要靠 props 來傳遞資料,才能達到資料共享。 然後... 於是 Context / P...

2023-09-11 ‧ 由 LucianoLee 分享
DAY 12

React 走出新手村-自製高效 Context Provider

前導 還沒看過上一篇文章的朋友請先回顧喔!接續上一篇的問題,大家有找到合適的解法了嗎?如果沒有讓我們一起來思考除了useState以外還有什麼可以讓我們有效管理...

2023-09-12 ‧ 由 LucianoLee 分享
DAY 13

React 走出新手村-重新整理組件

換個方向 在前面系列的文章,已經幫大家複習並深入了解幾個常用的 hook,接下來的章節,是個人開發經驗與結合前端 design pattern 的概念的經驗分享...

2023-09-13 ‧ 由 LucianoLee 分享
DAY 14

React 走出新手村-高階組件 (H.O.C.)

概念 在JavaScript中,高階函數(Higher Order Functions)是指可以接受函數作為參數或callback function的函數,簡單...

2023-09-14 ‧ 由 LucianoLee 分享
DAY 15

React 走出新手村 — 表單進化論

表單處理 這篇文章是我從事教學很常遇到的統整,我有系列專門解釋怎麼一步一步讓自己邁向 pro 的過程,有興趣了解更多的話可以參考這個連結,裡面有所有我所統整的R...

2023-09-15 ‧ 由 LucianoLee 分享
DAY 16

React 走出新手村 — 樣式的選擇

選擇障礙 這個話題在 React 生態系裡面永遠討論不完,這次想分享我自己使用上的見解,別看我都在講些hook function的使用,css 我也是略懂略懂,...

2023-09-16 ‧ 由 LucianoLee 分享
DAY 17

React 走出新手村 — 在組件裡犯的錯(I)

因果關係 這次來分享 code review 時常常會看到的問題,這些問題常常看不出來有什麼影響,甚至有的人會覺得那是 coding style 的範疇,尤其是...

2023-09-17 ‧ 由 LucianoLee 分享
DAY 18

React 走出新手村 — 在組件裡犯的錯(II)

前言 今天我們接續前一篇的案例,再來講講一些NG的案例,總是會有一些講不聽不想拆 component 的人,在新版本的環境下應該會被強制修改,因為如果不改的話會...

2023-09-18 ‧ 由 LucianoLee 分享
DAY 19

React 走出新手村 — 路由基礎

你也是這樣嗎? 有太多新手在基礎還不熟的情況下,只因為路由設定的原因,改學用 Next 框架,但相信我 React-router-dom 真的不難,而且在選擇用...

2023-09-19 ‧ 由 LucianoLee 分享
DAY 20

React 走出新手村 — 創造合邏輯的組件

Compund Pattern 這次要分享的是 Compound Pattern,如果你常常使用一些 component library 的話,這樣的使用你應該...

2023-09-20 ‧ 由 LucianoLee 分享