從零開始學 ReactJS:最完整的 React 生態系入門教程
来源:互联网 发布:应用程序端口号 编辑:程序博客网 时间:2024/05/16 15:15
转自:https://github.com/kdchang/reactjs101
從零開始學 ReactJS(ReactJS 101)是一本希望讓初學者一看就懂的 ReactJS 中文入門教學書,由淺入深學習 ReactJS 生態系 (Flux, Redux, React Router, ImmutableJS, React Native, Relay/GraphQL etc.)。 https://www.gitbook.com/book/kdchang/react101/details
從零開始學 ReactJS(ReactJS 101)
一本給初學者的 React 中文入門教學書,由淺入深學習 ReactJS 生態系 (Flux, Redux, React Router, ImmutableJS, React Native, Relay/GraphQL etc.),打造跨平台應用程式。
相關連結(Links)
從零開始學 ReactJS(ReactJS 101)粉絲頁
繁體中文範例程式碼和書籍內容連載位置
勘誤、許願、建議或提問
目錄(Table of Contents)
- 一、前端工程和 React 生態系(Ecosystem)簡介
- 二、開發環境設置與 Webpack 入門
- 三、React/JSX/Component 簡介
- 四、Props/State 基礎與 Component 生命週期
- 五、React Router
- 六、ImmutableJS
- 七、Flux/Redux
- 八、Container 與 Presentational Components
- 九、實戰教學:用 React + Router + Redux + ImmutableJS 寫一個 Github 查詢應用
- 十、實戰教學:用 React + Redux + Node(Isomorphic JavaScript)開發食譜分享網站
- 附錄一、React ES5、ES6+ 常見用法對照表
- 附錄二、用 React Native + Firebase 開發跨平台行動應用程式(Native Mobile App)
- 附錄三、React 測試入門教學
- 附錄四、GraphQL/Relay 初體驗
先備知識(Prior Knowledge)
本書針對已具備基本 HTML、CSS 和 JavaScript 和 DOM 操作知識的讀者設計,但若讀者對上述的技術仍不熟悉的話,建議可以先行參考:MDN、Codecademy、W3C School、JavaScript核心 或是參考筆者 之前的教學講義 進行學習。另外,本書全書範例都將以 ES6+ 撰寫,若需參考 ES5 用法,請參考附錄一的 React ES5、ES6+ 常見用法對照表。
關於作者(Author)
@kdchang 文藝型開發者,夢想是做出人們想用的產品和辦一所心目中理想的學校,目前專注在 Mobile 和 IoT 應用開發。A Starter & Maker. JavaScript, Python & Arduino/Android lover.:)
版權許可(License)
本書採用創用CC授權4.0 "姓名標示─非商業性─相同方式分享(BY-NC-SA)" 授權。
本授權條款允許使用者重製、散布、傳輸以及修改著作,但不得為商業目的之使用。若使用者修改該著作時,僅得依本授權條款或與本授權條款類似者來散布該衍生作品。使用時必須按照著作人指定的方式表彰其姓名。
詳細資訊請參考 CC BY-NC-SA 4.0。
- 從零開始學 ReactJS:最完整的 React 生態系入門教程
- ReactJs和React Native的那些事
- React实战-ReactJS+Redux的思考
- 最完整的React+Redux+router兼容ie8 修改!!!!
- 最完整的React+Redux+router兼容ie8 修改!!!!
- reactJS之react-route
- 一看就懂的ReactJs教程
- 批处理最完整人性化教程
- 批处理最完整人性化教程
- 批处理最完整人性化教程
- ReactJS学习系列课程(React ref的使用)
- ReactJS学习系列课程(React mixin的使用)
- ReactJS学习系列课程(React 组件的组合使用)
- sublime中支持React的Snippets片段插件--ReactJS
- ReactJS学习系列课程(React ref的使用)
- 【ReactJS】尝试理解React新的前端思维方式
- 最完整的Windows下React Native开发环境搭建与第一个程序HelloWorld
- 完整的react-native项目
- [Leetcode] Power of Four
- Poj 1088 滑雪 (简单DP + 记忆化搜索)
- Codeforces Beta Round #27 (Codeforces format, Div. 2)
- 描述计算机的组成及其功能
- ifconfig命令找不到
- 從零開始學 ReactJS:最完整的 React 生態系入門教程
- [Leetcode] House Robber
- poj2386
- AngularJS ng-checked指令
- leetcode-006 ZigZag Conversion
- 判断两个单链表是否有相同节点
- 阿里大于短信平台 Python3 初体验
- [Leetcode] Bulls and Cows
- git学习