• Stars
    star
    4,282
  • Rank 9,641 (Top 0.2 %)
  • Language
    JavaScript
  • License
    Other
  • Created about 8 years ago
  • Updated 7 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

從零開始學 ReactJS(ReactJS 101)是一本希望讓初學者一看就懂的 React 中文入門教學書,由淺入深學習 ReactJS 生態系 (Flux, Redux, React Router, ImmutableJS, React Native, Relay/GraphQL etc.)。

從零開始學 ReactJS(ReactJS 101)

一本給初學者的 React 中文入門教學書,由淺入深學習 ReactJS 生態系 (Flux, Redux, React Router, ImmutableJS, React Native, Relay/GraphQL etc.),打造跨平台應用程式。

從零開始學 ReactJS(ReactJS 101)

相關連結(Links)

  1. 從零開始學 ReactJS(ReactJS 101)粉絲頁

  2. 繁體中文範例程式碼和書籍內容連載位置

  3. 勘誤、許願、建議或提問

翻譯版本(Translate)

  1. 简体中文版本 by @carlleton
  2. 前端圈简体中文版本 by @blueflylin 特別感謝前端圈小夥伴!

若需翻譯成其他語言版本,請先 fork 一份 repo 到自己的 GitHub 並另外開新的 branch。最後將翻譯版本連結更新在 master 分支中 README.md相關連結(Links) 後發送 Pull Request,謝謝您。

目錄(Table of Contents)

先備知識(Prior Knowledge)

本書針對已具備基本 HTML、CSS 和 JavaScript 和 DOM 操作知識的讀者設計,但若讀者對上述的技術仍不熟悉的話,建議可以先行參考:MDNCodecademyW3C SchoolJavaScript核心 或是參考筆者 之前的教學講義 進行學習。另外,本書全書範例都將以 ES6+ 撰寫,若需參考 ES5 用法,請參考附錄一的 React ES5、ES6+ 常見用法對照表

關於作者(Author)

@kdchang 文藝型開發者,夢想是做出人們想用的產品和辦一所心目中理想的學校,目前專注在 Mobile 和 IoT 應用開發。A Starter & Maker. JavaScript, Python & Arduino/Android lover.:)

版權許可(License)

本書採用創用CC授權4.0 "姓名標示─非商業性─相同方式分享(BY-NC-SA)" 授權。

從零開始學 ReactJS(ReactJS 101)

本授權條款允許使用者重製、散布、傳輸以及修改著作,但不得為商業目的之使用。若使用者修改該著作時,僅得依本授權條款或與本授權條款類似者來散布該衍生作品。使用時必須按照著作人指定的方式表彰其姓名。

詳細資訊請參考 CC BY-NC-SA 4.0

關鍵字(Keywords)

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

More Repositories

1

python101

Python101 Course Example
Python
61
star
2

javascript101

JavaScript101 Course sample code
JavaScript
55
star
3

growth-hacking-resources

🚀 成長駭客/增長黑客(Growth Hacker)學習資源彙總。A collection of growth hacking resources.
35
star
4

javascript101-lite

This is the lite version of JavaScript 101 Course
JavaScript
31
star
5

frontend-starter-kit

Just a light-weight front-end development boilerplate. (NodeJS/NPM/ES6/Bower/Gulp/Sass/Babel/Babelify/Browserify)
JavaScript
29
star
6

python-jieba-chart

An online Chinese text segmentation visualization tool based Python/Flask/Jieba.
HTML
16
star
7

smashing-nodejs-examples

Smashing Node.js: JavaScript Everywhere Examples
JavaScript
11
star
8

python-flask-cms-app

This is a Content Management System(CMS) App build by Python Flask
Python
9
star
9

react-native-redux-immutablejs-todo

✅ A TodoApp Example uses React Native / Redux and ImmutableJS (Include Tutorial).
JavaScript
7
star
10

pokemon-fight

A Native JavaScript based Pokemon Fighting Card Game.
JavaScript
7
star
11

python-flask-webapp-starter-kit

A Python Flask MVC App boilerplate
Python
7
star
12

DataScience101

This is a Data Science Learning book with Python for beginner
Jupyter Notebook
6
star
13

sailsjs-tutorial

Sails.js 正體中文入門教學,A series of Sails.js Tutorial (Sails is a Node MVC Framework)
5
star
14

nodejs-express-blog-tutorial

This is a Node.js blog tutorial uses the Express Framework
JavaScript
5
star
15

python101-lite

Python101 Course Example Lite version
Python
3
star
16

huhu

Huhu (狐狐) is a browser bookmarklet that make you can keep a Firefox pet in your browser.
JavaScript
3
star
17

react-router-redux-styled-components-starter-kit

A React App boilerplate integrates with react-create-app, redux, react-redux-router, styled-components
JavaScript
3
star
18

banvas

a service to create social business card website
JavaScript
2
star
19

billionaires-insight

The World's Billionaires Data Virtualization used with Python and JavaScript
Python
2
star
20

Dr.Find

Dr.Find is a platform that make people can find the suitable doctor easier.
JavaScript
2
star
21

vuejs-github-user-finder

VueJS + Vuex + Vue router + Github API example
JavaScript
2
star
22

smart-agriculture

Ardunio Smart Agriculture App
Arduino
2
star
23

front-end-engineering-starter-kit

Front End Engineering Resources Collections
2
star
24

python-django-upload-multiple-files

A simple python django upload multiple files/images example
Python
2
star
25

python-socket-programming

Introduce wrtting Socket Programming with python
Python
2
star
26

android-tempconvert

An Android Temperature Conversion tool example.
Java
2
star
27

python-flask-accounting-app

An Accounting Web App built by Python Flask
Python
2
star
28

mobile-web-dev

Teach Mobile Web App in NTU
CSS
2
star
29

shotnote

ShotNote is a (Firefox OS) Mobile Web App that provides the user to make note with photos
2
star
30

react-native-router-redux-boilerplate

⚡ Cook your native mobile app with React Native Router Redux Boilerplate
1
star
31

web-programming-course

This is the Web Programming Course site which teaches students Front-End to Back-End technique.
JavaScript
1
star
32

TaiwanNewTab-Angular

A browser new tab extension that show awesome view in Taiwan. Implement project by Angular.
JavaScript
1
star
33

python-django-social-oauth-app

Python Django Social Oauth App via allauth
Python
1
star
34

vuejs-todo-app-example

This is a todo app example implement via Vue.js & Vue CLI
Vue
1
star
35

python-multithreaded-programming

Python Multithreaded Programming Tutorial for beginner.
1
star
36

universal-react-router-redux-isomorphic-example

This is a simple Isomorphic React Router Redux App(ES6+)example writing in Universal JavaScript.
1
star
37

kdchang.github.io

HTML
1
star
38

learn-data-structure-algorithm-with-javascript

Learn classic Data Structure and Algorithm with JavaScript
1
star
39

TaiwanNewTab-jQuery

A browser new tab extension that show awesome views in Taiwan. Implement project by jQuery.
JavaScript
1
star
40

android-sqlite-example

An Android SQLite App example.
Java
1
star
41

android-file-stream-example

An Android File Stream example.
Java
1
star
42

cv-sample

A CV Sample for 2015 HackNTU Workshop
HTML
1
star
43

android-content-provider-example

An Android Content Provider example.
Java
1
star
44

blog-starter-kit

Blog Starter Kit
EJS
1
star
45

LaunchBox

LaunchBox is a online meal reservation system build by PHP & MySQL. This a tutorial for back-end newbie to learn how to build a website with Native PHP.
PHP
1
star
46

BeautyTab

BeautyTab 表特分頁是一個 Chrome Extension 應用程式,安裝BeautyTab 表特分頁後,當您開啟新的分頁將會出現賞心悅目的表特圖片,您可以選擇喜翻收藏或是點選不喜翻選擇下一個 Beauty,直到您喜歡的Beauty 出現為止。
JavaScript
1
star