JSX 主要使用於 簡化 React 的 React.createElement() 的方法，實際範例如下：

React.createElement() 寫法：

React.createComponent('h1',null,'我是標題')；

JSX 寫法：

<h1>我是標題</h1>

但是在每個 主流 瀏覽器中，是 不支援 JSX 的寫法的，讓我們繼續往下看：

閱讀全文»

組件(component) 的 狀態(state)，為 React 組件(component) 中可以自己自訂的一個物件。

當 state 這個物件有變化時，React 就會自動 重新 渲染，當前的 React Element

簡單來說當 React 偵測 到 state 的這個物件的資料有變化時，就會自動在前端上，重新 繪製 當前的物件，達到 更新 畫面的效果

下面我們實際使用編碼來進行說明：

閱讀全文»

通常在 React 的組件 (Component) 中，有三個重要的操作：

• 建立組件
• 更新組件
• 刪除組件

而這些操作各自的流程，就是 React 的 生命週期，下面會根據不同操作來個別紀錄：

閱讀全文»

在之前的文章，[React Js] React 入門 ：建立 組件 ( Component ) 中有學到了如何建立一個 React 的 組件 (Component) 了，接著我們繼續來看組件中的 屬性 (props) :

閱讀全文»

在前一篇的文章，[React Js] React 入門 ：建立 組件 ( Component ) 中，我們建立了一個自己的 React 組件 (Component) ， 接下來我們更進階一點，使用 巢狀結構 來使用 React 的 組件 (Component)

閱讀全文»

在 前一篇 的 React 的入門教學 裡有提到的 React Element，而 React Element 其實就是 React 組成的元件中的 最小單位

上面的 React Element 為 最小單位 的概念，必須要先有個認知

接著將以 組件 ( Component ) 的方式來建立 React Element 的部分進行說明：

閱讀全文»

React 入門筆記，紀錄 實際安裝 與初步 渲染 HTML 元素 的筆記紀錄 ：

閱讀全文»

最近使用 純 JavaScript 選取 class 時，碰到了一些問題，我發現我沒有辦法像使用 document.getElementById 一樣，直接調用一些事件的方法，如：onclick

document.getElementsByClassName('classname').onclick = function(){
 alert('click');
}

閱讀全文»

最近到某家的科技公司面試，被詢問了一些關於 JavaScript 的問題，被問到了其中一題如下：

typeof null === 'object' && (console.log('null is a object'))

這題很直接的就在考對 JavaScript 的物件的熟悉度，當下這題我並沒有回答出正確的答案，也代表這自己對 JavaScript 的 物件，還不是這麼的熟悉

之後詳讀了相關文件，於下方做紀錄：

閱讀全文»