iT邦幫忙

鐵人檔案

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

React 學習之路 系列

用 30 天記錄 React 學習,與沒真的懂的 JS 的部分。

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

第一個 HOC (Higher-Order Components)( Day21 )

A higher-order component (HOC) is an advanced technique in React for reusing co...

DAY 22

[進階指南] 錯誤邊界 ( Day22 )

component 裡 JavaScript 的錯誤常常會破壞 React 的內部 state,並使它在下次 render 的時候發生 神秘的 錯誤。這些錯誤...

DAY 23

[進階指南] Fragments( Day23 )

React 其中一種常見的使用情況是在一個 component 中回傳多個 element,fragment 讓你能夠在不用增加額外 DOM 節點的情況下,重...

DAY 24

[進階指南] 傳送 Ref ( Day24)

傳送 ref 是一種自動把 ref 從一個 component 傳遞到它底下的其中一個 child 的技巧。通常來說,應用程式裡大部分的 component...

DAY 25

[進階指南] 深入 JSX( Day25 )

基本上,JSX 單純只是 React.createElement(component, props, ...children) function 的一個語法糖...

DAY 26

[進階指南] Portal( Day26 )

Portal 提供一個優秀方法來讓 children 可以 render 到 parent component DOM 樹以外的 DOM 節點。 第一個參...

DAY 27

[進階指南] 不使用 ES6 開發 React( Day27 )

如果不使用 ES6 的 Class,則可以考慮用 create-react-class 。 var HelloCreateClass = createReact...

DAY 28

[進階指南] 不使用 JSX 開發 React( Day28 )

在 什麼是 JSX (Day2) 的時候有寫過,JSX 會經過 Bable 轉譯成 React.createElement 語法,可以說其實每個 JSX 元素都...

DAY 29

[進階指南] 嚴格模式( Day29 )

我們可以在開發環境中使用 <React.StrictMode> 進入嚴格模式 嚴格模式幫我們檢查不再使用的 life cycle、API 等 嚴格...

DAY 30

學習指南 + 結賽感言( Day30 )

學習指南是設計給那些喜歡從做中學的人們。如果你比較喜歡從零開始學習概念的話,請參考逐步教學。你可能會發現指南和教學課程其實是相輔相成的。 從學習指南學習,...

機器人幽默研究員的收藏
機器人幽默研究員的追蹤
機器人幽默研究員的Like
機器人幽默研究員的紀錄