是 Ray 不是 Array

接下來我們要來認識一個新的 React Hook，也就是 useEffect，那麼單看這個名子會覺得有一點特別，因為直接翻譯成中文來講是「使用效果」，那麼這是什麼東西呢？我們就來認識一下吧。

State 是 React Hook 非常重要的東西，多重要呢？簡單來講只要你需要更改呈現在畫面上的資料，那麼就一定脫離不了 React State。

我們在實戰開發上往往都會需要取得 DOM 元素，而這一篇就稍微記錄一下各種使用 $refs 取得 DOM 元素的技巧。

接下來要來聊聊關於元件的部分，如果你是一名 Vue 開發者，相信你對於元件這個概念一定非常的熟悉，那麼 React 呢？React 的元件又如何呢？

接著來聊聊 React 的事件處理，畢竟事件處理這件事情我們在開發上是非常常見的。

常常聽到人家說 JSX 這是什麼東西？好像對於寫 React 的人來講是一個必須要學的東西？

Function Component？Class Component？React Hooks？這些到底是什麼東西呢？所以這一篇我們就要來認識一下 React 中的寫法以及其差異。

前面我們快速了解 React 跟 Framework 跟 Library 的差異，接下來當然就是準備正式認識 React 囉。

不管怎麼樣，一開始絕對都是先從認識 React 基礎觀念與認識了解 React 背景開始，這樣子對於後續要學習其他框架時才能夠比較清楚彼此之間的差異，除此之外因為我本身是 Vue 開發者，因此其實我是抱著想多學一個框架的心態寫這一篇，所以可能會出現一些 Vue 跟 React 兩者語法上的差異比較，主要也是希望讓 Vue 開發者可以更好上手，接著就不廢話了，讓我們往下學吧！

身為一名軟體工程師的我很常去看一些東西，其中最有名的一個東西就是「達克效應」，其實我有注意到滿多人都不知道什麼是「達克效應」，或是應該說他們認為自己懂，但其實根本不懂，因此我想簡單聊聊何謂達克效應。