All Projects → kdchang → Reactjs101

kdchang / Reactjs101

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

Programming Languages

javascript
184084 projects - #8 most used programming language
objective c
16641 projects - #2 most used programming language
python
139335 projects - #7 most used programming language
HTML
75241 projects
java
68154 projects - #9 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to Reactjs101

React Starter Kit
React Starter Kit — front-end starter kit using React, Relay, GraphQL, and JAM stack architecture
Stars: ✭ 21,060 (+425.97%)
Mutual labels:  graphql, flux, relay
Jobs
Come and join the Entria team
Stars: ✭ 292 (-92.71%)
Mutual labels:  graphql, relay, front-end
iflux2
Reactive state container (based on immutable) for React or ReactNative, inspired by mapreduce.
Stars: ✭ 50 (-98.75%)
Mutual labels:  flux, immutablejs
universal-routed-flux-demo
The code in this repo is intended for people who want to get started building universal flux applications, with modern and exciting technologies such as Reactjs, React Router and es6.
Stars: ✭ 31 (-99.23%)
Mutual labels:  flux, immutablejs
Graphql Starter
💥 Monorepo template (seed project) pre-configured with GraphQL API, PostgreSQL, React, Relay, and Material UI.
Stars: ✭ 3,377 (-15.66%)
Mutual labels:  graphql, relay
react-tutorial
A react-tutorial
Stars: ✭ 99 (-97.53%)
Mutual labels:  flux, react-tutorial
boss-lite
Boss Lite - React Redux Material Admin Template
Stars: ✭ 148 (-96.3%)
Mutual labels:  ecmascript2015, immutablejs
Loona
🌕 Application State Management done with GraphQL
Stars: ✭ 270 (-93.26%)
Mutual labels:  graphql, flux
Django Graphql Auth
Django registration and authentication with GraphQL.
Stars: ✭ 200 (-95%)
Mutual labels:  graphql, relay
Redux Requests
Declarative AJAX requests and automatic network state management for single-page applications
Stars: ✭ 330 (-91.76%)
Mutual labels:  graphql, front-end
Fsharp.data.graphql
FSharp implementation of Facebook GraphQL query language.
Stars: ✭ 320 (-92.01%)
Mutual labels:  graphql, relay
Graphql Ws
Coherent, zero-dependency, lazy, simple, GraphQL over WebSocket Protocol compliant server and client.
Stars: ✭ 398 (-90.06%)
Mutual labels:  graphql, relay
Awesome Relay
Awesome resources for Relay
Stars: ✭ 246 (-93.86%)
Mutual labels:  graphql, relay
Rescript Relay
Use Relay with ReasonML.
Stars: ✭ 214 (-94.66%)
Mutual labels:  graphql, relay
ballade
For unidirectional data flow.
Stars: ✭ 44 (-98.9%)
Mutual labels:  flux, immutablejs
Bit
A tool for component-driven application development.
Stars: ✭ 14,443 (+260.71%)
Mutual labels:  graphql, front-end
Absinthe
The GraphQL toolkit for Elixir
Stars: ✭ 3,805 (-4.97%)
Mutual labels:  graphql, relay
Graphql.js
A Simple and Isomorphic GraphQL Client for JavaScript
Stars: ✭ 2,206 (-44.91%)
Mutual labels:  graphql, relay
Relay Workshop
Material for my Relay Workshop
Stars: ✭ 197 (-95.08%)
Mutual labels:  graphql, relay
Relay Modern Course
Relay Modern Course
Stars: ✭ 310 (-92.26%)
Mutual labels:  graphql, relay

從零開始學 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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].