一本給初學者的 React 中文入門教學書,由淺入深學習 ReactJS 生態系 (Flux, Redux, React Router, ImmutableJS, React Native, Relay/GraphQL etc.),打造跨平台應用程式。
若需翻譯成其他語言版本,請先 fork
一份 repo
到自己的 GitHub 並另外開新的 branch
。最後將翻譯版本連結更新在 master
分支中 README.md
的 相關連結(Links)
後發送 Pull Request
,謝謝您。
本書針對已具備基本 HTML、CSS 和 JavaScript 和 DOM 操作知識的讀者設計,但若讀者對上述的技術仍不熟悉的話,建議可以先行參考:MDN、Codecademy、W3C School、JavaScript核心 或是參考筆者 之前的教學講義 進行學習。另外,本書全書範例都將以 ES6+ 撰寫,若需參考 ES5 用法,請參考附錄一的 React ES5、ES6+ 常見用法對照表。
@kdchang 文藝型開發者,夢想是做出人們想用的產品和辦一所心目中理想的學校,目前專注在 Mobile 和 IoT 應用開發。A Starter & Maker. JavaScript, Python & Arduino/Android lover.:)
本書採用創用CC授權4.0 "姓名標示─非商業性─相同方式分享(BY-NC-SA)" 授權。
本授權條款允許使用者重製、散布、傳輸以及修改著作,但不得為商業目的之使用。若使用者修改該著作時,僅得依本授權條款或與本授權條款類似者來散布該衍生作品。使用時必須按照著作人指定的方式表彰其姓名。
詳細資訊請參考 CC BY-NC-SA 4.0。
React, React Native, React Router, Flux, Redux, Node, Express, ImmutableJS, NPM, Babel, Browserify, Webpack, Gulp, Grunt, Pure Functions, PropTypes, Stateless Functional Components, Presentational Components, ES6, ES5, JSX, Jest, Unit Test, Component, Relay, GraphQL, Universal/Isomorphic, React Tutorial React教程, React教學, 學React, React Tutorial, Tutorial, Ecosystem, Front-End
react是什么 React 是一个专注于 UI(View)的 JavaScript 函式库(Library) 这句话包含着以下含义: react是JavaScript函式库 react专注于UI,定位于MVC中的VIEW react开发中的一些工具 npm----maven的依赖管理功能 NPM(Node Package Manager)是 Node.js 下的主流套件管理工具。在 NPM 上有
1 import React, { Component } from 'react' 2 import PubSub from 'pubsub' 3 import GlobalVars from 'globalVars' 4 import styles from './main.css' 5 6 // globalVars.runMode 7 class Text ext
总体架构 前端主架构reactjs+jquery+bootstrap 使用jquery.i18n.properties进行多国语言开发 使用bootstrap进行页面布局 reactjs组件开发 分页组件 Pagination 用法:\ 一般外面包裹一个div用来固定该分页控件的位置 滚动图片组件 CarouselPicture 用法:\ 其中data为json字符串: var data=JSON