React學習資料

如下是我整理的React學習資料，包括：React基礎、Redux、reat-router, redux middleware, higher order components, React驗證等， 來自於Udemy、EggHead和http://www.reactjsprogram.com/, 是我跟隨視頻step-by-step的方式實踐出來的一個個項目。每一個項目的教程放在了documents目錄下。

React開篇

• 基礎：https://github.com/darrenji/JynReactTraining01

React基礎

• 簡易上手：https://github.com/darrenji/ReactPracticesWithEggHeadFundamentals
• 播放YouTube視頻：https://github.com/darrenji/ReactPracticesWithUdemyMordernReactWithRedux

React路由

• 基礎：https://github.com/darrenji/ReactPracticesWithEggHeadReactRouter
• 案例，增刪改，表單驗證：https://github.com/darrenji/ReactPracticesWithUdemyBlog

Redux

• 基礎，來自Redux做者，todo項管理：https://github.com/darrenji/ReactPracticesWithEggHeadGettingStartedwithRedux
• 高級，來自Redux做者，todo管理：https://github.com/darrenji/ReactPracticesWithEggHeadIdiomaticRedux
• 案例，展現Book列表：https://github.com/darrenji/ReactPracticesWithUdemyBookList
• 案例，獲取天氣API：https://github.com/darrenji/ReactPracticesWithUdemyWeather

Higher Order Components

• 案例：https://github.com/darrenji/ReactPracticesWithUdemyHOC

Redux Middleware,介於Action和Reducer之間的一層

• 基礎：https://github.com/darrenji/ReactPracticesWithUdemyMiddlewares

React驗證

• 服務端：https://github.com/darrenji/ReactPracticesWithUdemyAuthServerSide
• 客戶端：https://github.com/darrenji/ReactPracticesWithUdemyAuthClientSide

React同構直出

• 原理：https://github.com/darrenji/ReactIsomorphicSimpleExample

React設置樣式

• 案例：https://github.com/darrenji/ReactComponentStyling