鐵人檔案
公司之前的開發有使用 React，當時雖然有在案子中幫忙，但多數都是處理 layout 的部分，對於 React 其實並沒有深入了解，希望透過這次自我挑戰，讓自己更加了解 React。
前言 會寫這系列文，主要是因為之前的工作開始使用 React 做網頁前端開發。由於我是中途加到專案中，過去也沒有使用 React 的經驗，一開始光是了解團隊開發...
這一篇我會整理幾個常見的 React 框架以及他們的優缺點，另外會以 create-react-app 為範例紀錄安裝的步驟，並簡易介紹資料夾結構。 creat...
ES6 中有不少新的語法在 React 中有應用到，因此在開始 React 的學習前，我會先整理一些 ES6 的語法或新觀念。由於之前的工作中就有使用 ES6...
ES6 箭頭函式的一些運用 函式返回值為物件時的寫法 const userData = user => ({ name: user.name, age:...
這一篇主要提到的都是關於非同步以及同步處理的方式，ES6 有提供 Promise 來處理同步非同步行為，後續也有 async await 讓非同步行為更容易處理...
JSX 簡介 JSX 是 react 打包的一種 JS 標籤語法，它其實不是字串或 HTML，不過 JSX 是基於 HTML 的特性使用 JS 開發出來的，因此...
這一篇開始會整理在 React 中常見，但是我不熟悉或沒使用過的 CSS 處理方案。前端開發中 CSS 也是相當重要的一部分，通常都會採用一些 CSS 處理方案...
postcss postcss 是一款允許使用 JS 套件來轉換 CSS 的工具集合，例如 autoprefixer（會添加一些瀏覽器的前綴）、cssnext（...
這一篇我們來學習 React 的元件寫法。以寫法來說，React 元件分成三種寫法，分別是 createClass、class component、functi...
state 是 React 中元件的狀態，在元件內 state 是一個 object。state 又能分為內部狀態和外部狀態，內部狀態即前面所述的元件內的 ob...
