React Implementation

本教學會分三個章節帶讀者一步一步的實作 React 專案，第一個部分是 React 基礎，是大家在開發前必須知道的 React 資訊，第二個部分會教大家使用目前 React 中最紅的 Redux 框架來開發網頁，第三個部分則會使用另一個框架 Dva 來撰寫，每個章節都會有範例加上逐行程式碼的解說，帶讀者更快入的進入 React 的世界，目標是讓大家都有能力開發屬於自己的網站。

Redux 跟 Dva 框架該如何選擇？

Redux 是目前 React 最熱門的框架，而 Dva 則是以 Redux 為底來延伸的框架，他改善了 Redux 過於繁瑣的流程，你可以很快速的建立一個網站。根據筆者的開發經驗，我會建議大家如果是小型的專案，可以使用Dva開發即可：如果是中大型專案，以長遠來看 Redux 會比較適合。

Github

Gitbook Document

章節規劃

第一章 React 基礎

1. React 介紹

   1. 我的第一個 React 專案

   2. Component 元件

   3. State v.s. Props

   4. 生命週期

2. 架設 React 專案

   1. Github Pages 架站

   2. Bootstrap 套版

第二章 Redux 基礎

1. Redux 介紹

2. React Redux

3. React Toolkit

4. 我的第一個Redux專案

第三章 Dva 基礎

1. Dva 介紹

2. 我的第一個Dva專案