Modules 模組系統是 ES6 的新功能，透過 import 與 export 關鍵字，你可將以往冗長且結構複雜的程式碼拆解成各個小區塊，以便我們可以把A檔案的程式碼導入到B檔案使用。Exports 有兩種輸出方式，分別是 Default export 與 Named exports 預設匯出(Default export)Default export 的作用是為模組指定預設輸出。舉個例子，假
今天照著前輩這篇安裝 nginx on Mac安裝 nginx 時，本來以為brew install nginx一鍵下去即可高枕無憂，沒想到終端機畫面顯示以下錯誤訊息12345678/usr/local/Homebrew/Library/Homebrew/config.rb:39:in `initi
每一個 React 元件都有自己的生命周期，React 為元件提供了許多生命週期相對應的方法(事件)，讓我們可以在元件發生前、發生後，甚至是被消滅的情況下，可以藉由這些方法來設計一些行為。 元件的生命週期有三個主要的部分：Mountint, Updating 以及 Unmounting，以下以目前最
狀態(state)和屬性(props)類似，都是一個元件所需要的一些數據資料集合，但是 State 是私有的，它不能被自身元件以外的任何元件使用， React 把元件看成是一個狀態機，如果元件沒有狀態，那就只需要寫成函式元件並透過 props 傳遞資料，不需要寫成類別元件，但如果需要與使用者進行互動
元件 (Component) 讓你可以將用戶界面分成獨立的，可重複使用的小元件，並且可以對每個部件進行單獨的設計，是 React 最基本也最重要的觀念之一。 最簡單的定義元件的方法是寫一個 JavaScript 函數。 123function Person(props) { return
React 以 Component 為基礎，為了增進效率，我們常會在撰寫 React Component 時使用 JSX 的方式來提升程式撰寫效率。 JSX 是一種可以讓 HTML 標記直接寫在 JavaScript 程式碼中的擴充語法，為了它是 React 自創的 React.createElem