鐵人檔案
前言 哈嘍！大家好，開賽前先來簡單的自我介紹。前陣子因為公司專案的關係，開始接觸 React，想要藉此來整理之前學習到的知識，並順便複習及鞏固 React 的基...
在開始使用 React 之前，先來回想一下剛學習原生 JS 的時候，我們是怎麼在頁面產生 DOM Node，然後渲染出 Hello world： 原生 DOM...
前言 在上一篇文章中我們簡單的介紹到如何使用 React.createElement()，並搭配 ReactDOM.render()，讓我們能夠順利的在畫面上印...
前言 前面兩篇基礎的介紹 React.createElemnt()，但實際再開發上很少真的直接寫它，想想看光是寫一巢狀結構，就要些一堆 code 而且又不太好讀...
昨天我們提到了該如何撰寫 JSX，今天就來學習怎麼建立元件，來把同類型的 React element 做抽象化吧～ Function Component 通常在...
昨天我們介紹完如何建立一個元件，今天就來介紹 PropTypes，讓建立的元件更加的完整吧！ PropTypes 當我們在寫元件的時候，會建議將 props 先...
Form 一直都是網頁中重要的功能，今天就讓我們來瞭解在 React 處理 Form 該注意的事情吧！ Controlled Component 在撰寫一個表單...
key 是 React element 中的一個屬性，相信很多人在撰寫 React 的時候都會遇到下面的錯誤訊息 究竟為什麼會有這個錯誤訊息呢？ 就讓我們來一...
昨天我們介紹了 key 的基本使用方式，今天我們就一起來瞭解為什麼需要 key 吧！ 為什麼需要 key 首先，在暸解為什麼之需要 key 之前，要先知道 Re...
前言 React hooks 是在 React 16.8 版本才加進來的功能。那到底什麼是 Hooks 呢？它其實就是 React 提供的內建函式，能讓我們在...
