iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

進階前端網頁設計-初心者的30天React學習及應用 系列

這次鐵人賽主要會著重在React的學習以及做出一個與React相關的範例,若是30天的過程中有遇到需要學習新技術的話也會一併加進這次得競賽當中

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

[DAY21]生命週期方法-WillMount、componentDidMount

React component 有一些特殊的方法,那就是 Lifecycle(生命週期),它提供了在特定時間點做特定的操作的功能,例如:允許在特定時間點抓取需要...

2022-10-02 ‧ 由 morris2147 分享
DAY 22

[DAY22]什麼是StrictMode?

StrictMode,也被稱為嚴格模式,他的主要功能是檢查應用程式內淺在的威脅如同 Fragment,嚴格模式不會 render 任何可見的 UI。但是嚴格模式...

2022-10-03 ‧ 由 morris2147 分享
DAY 23

[DAY23]什麼是StrictMode? Part2

接續昨天還沒介紹完的,我們今天接著介紹StrictMode剩下的功能 偵測意想不到的副作用因為我們在使用react的時候,若是要完成比較龐大的程式時,許多函式可...

2022-10-04 ‧ 由 morris2147 分享
DAY 24

[DAY24]Protal是甚麼?

Protal是甚麼?Protal的功能是可以將子元件(child)render到父元件(parent)DOM以外的地方Protal的寫法是甚麼?ReactDOM...

2022-10-05 ‧ 由 morris2147 分享
DAY 25

[DAY25]什麼是Reconciliation?

每次我們呼叫render(),都可以當成建立了一棵樹狀結構,而每一次有 state 或 props 更新時,render() 函式就會回傳一顆不同的 tree。...

2022-10-06 ‧ 由 morris2147 分享
DAY 26

[DAY26]什麼是React HOC?

高階組件 (HOC) 全名Higher Order Component ,本身並不是React API 的一部分,HOC指的是在 React 中能夠幫助我們重複...

2022-10-07 ‧ 由 morris2147 分享
DAY 27

[DAY27]什麼是Web Components?

Web Components我們不斷的復用 JavaScript , CSS 文件,當然還有 HTML 片段,且我們在寫react的時候常常會使用到重複到com...

2022-10-08 ‧ 由 morris2147 分享
DAY 28

[DAY28]Profiler API是甚麼?

Profiler API可以提供各種組件在執行的時候所花費的時間詳細訊息,這樣可以讓使用者知道那些組件所花費的時間太多,並且需要進一步改進它的,但是Profil...

2022-10-09 ‧ 由 morris2147 分享
DAY 29

[DAY29]React Composition是甚麼?

React 具有強大的 composition 模型,在使用react的時候會建議使用Composition 而非繼承,因為composition是一種強大的模...

2022-10-10 ‧ 由 morris2147 分享
DAY 30

[DAY30]最後一天--完賽心得

完賽心得:撐了30天,今天總算來到最後一天了,一開始一直認為自己完成不了30天連續發文的爆肝任務,每天除了學校課業還要提心吊膽不知道今天的內容要發些什麼,總是當...

2022-10-11 ‧ 由 morris2147 分享