• Stars
    star
    1,836
  • Rank 25,277 (Top 0.5 %)
  • Language
  • Created almost 7 years ago
  • Updated over 4 years ago

Reviews

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

Repository Details

《React 学习之道》The Road to learn React (简体中文版) | 最简单,且最实用的 React 实战教程。

《React 学习之道》The Road to learn React (简体中文版)

通往 React 实战大师之旅:掌握 React 最简单,且最实用的教程。

《React 学习之道》The Road to learn React (简体中文版) [PDF/iPad/Kindle] - Leanpub

支持 PDF、EPUB、MOBI、Kindle 多种格式下载,并支持 Leanpub 在线阅读。


这是 The Road to learn React 官方代码仓库。另外,你还可以在这里找到源代码完整课程。如果你想的话,还可以在亚马逊Goodreads 留下你的评论。

翻译

感谢超豪华译者团队:

章节 翻译作者 校对作者
前言 @LeiZeng (曾磊) @JimmyLv (吕靖)
第一章 @kenpusney (刘清)、@SBeator (曾星鑫) @SBeator (曾星鑫)、@azzgo (文一山)、@kenpusney (刘清)
第二章 @ariesjia (陈嘉)、@HelloRuiLi (李睿)、@Yixi (刘应皓) @trotyl (余泽江)、@lazurey (梁越)、@HelloRuiLi (李睿)
第三章 @zengyang2014 (曾扬) @lazurey (梁越)
第四章 @azzgo (文一山) @LeiZeng (曾磊)
第五章 @liujiefengfeng (刘杰凤) @JimmyLv (吕靖)
第六章 @futantan (傅坦坦) @lazurey (梁越)
附:部署 @linksgo2011 (林宁) @lazurey (梁越)
概述 @JimmyLv (吕靖) @lazurey (梁越)

更新,帮助和支持

贡献

您可以通过提交新的 Issue 和 Pull Requests 来帮助改进这本书。

您可以提交 Pull Request 来纠正拼写,或是给某部分课程补充更多细节。在写这样一本技术类的书籍时,很容易对需要更多解释和已经解释清楚的东西视而不见。

此外,您可以在遇到问题时通过 Github 创建新的 Issue。请提供更多细节以便于更容易解决这些问题,比如报错信息、截图、出错页码、当前 node 版本(命令行: node -v)以及你的代码仓库地址。这些细节不全是必需的,但大部分都会有助于修正问题和改进本书。


非常感谢您的帮助!

成为赞助者

《React 学习之道》是一本免费的电子书,致力于让每个人都能学习 React。这样的教育内容需要你的支持才能得以维持下去。Robin Wieruch 还在他的网站上写了很多的教育内容。所以你可以通过在Patreon成为他的赞助人来支持他。

也欢迎支持我们的译者,请我们喝杯咖啡,☕️

微信 支付宝

More Repositories

1

the-road-to-learn-react

📓The Road to learn React: Your journey to master plain yet pragmatic React.js
2,828
star
2

hackernews-client

The Source Code for "The Road to learn React" E-Book
JavaScript
425
star
3

the-road-to-react

📓The Road to React: Your journey to master React.js
370
star
4

use-state-with-callback

Custom hook to include a callback function for useState.
JavaScript
277
star
5

react-hooks-introduction

Introduction to React Hooks for function components (released in React 16.7.)
JavaScript
258
star
6

use-data-api

Custom hook for React Components to fetch data from an API.
JavaScript
242
star
7

react-local-storage

Showcase on how to use the native localStorage of the browser in React.
JavaScript
179
star
8

the-road-to-learn-react-russian

The Road to Learn React - Русский перевод
152
star
9

the-road-to-learn-react-korean

🇰🇷 리액트 도움닫기 - The the Road to learn React (2018) [Deprecated]
144
star
10

hacker-stories

The Source Code for "The Road to React" Book
TypeScript
104
star
11

use-custom-element

Custom hook to bridge Custom Elements (Web Components) to React.
JavaScript
91
star
12

the-road-to-learn-react-portuguese

The Road to Learn React - Tradução para o Português
84
star
13

use-combined-reducers

Custom hook to combine all useReducer hooks for one global state container.
JavaScript
75
star
14

react-router-dynamic-routes-example

An example implementation of dynamic routes with React Router
JavaScript
74
star
15

the-road-to-react-chinese

《React 学习之道》2020 简体中文版
70
star
16

the-road-to-learn-react-spanish

The Road to learn React - Spanish Translation
67
star
17

react-redux-example

React Redux Example
JavaScript
65
star
18

react-router-6-examples

JavaScript
62
star
19

react-alternative-class-component-syntax

An alternative/future way of React Class Component with Class Field Declarations
JavaScript
59
star
20

react-controlled-components-examples

A set of controlled components in React: Select, Input, Radio, Checkbox
JavaScript
59
star
21

react-firebase-chat

React Firebase Chat Example
JavaScript
56
star
22

react-flow-example

React Flow Type Checking Example
JavaScript
51
star
23

react-testing-mocha-chai-enzyme

A solid test setup for React components with Mocha, Chai, Sinon, Enzyme in a Webpack/Babel application.
JavaScript
49
star
24

react-with-redux-philosophy

React state management with Redux philosophy.
JavaScript
44
star
25

react-context-example

Showcasing React Context
JavaScript
38
star
26

react-styled-components-example

React Styled Components Example
JavaScript
34
star
27

the-road-to-learn-react-french

French Translation - The the Road to learn React
34
star
28

react-testing-jest-enzyme

A solid test setup for React components with Jest and Enzyme in a React + Webpack application.
JavaScript
34
star
29

react-list-component

Implementation of different list components in React.
JavaScript
31
star
30

react-semantic-ui-example

React Semantic UI Example
JavaScript
29
star
31

the-road-to-react-korean

🇰🇷 더 로드 투 런 리액트 - The Road to React (2020)
29
star
32

react-component-organization-example

React Code Organization Example
JavaScript
28
star
33

react-mobx-local-state-example

React MobX (for Local State) Example
JavaScript
27
star
34

react-local-storage-cache

How to cache results in React with Local Storage.
JavaScript
27
star
35

react-children-as-a-function-example

An example implementation of React's children as a function for implementing a currency converter
JavaScript
26
star
36

the-road-to-learn-react-italian

The Road to learn React - Italian Translation
20
star
37

react-autosave-example

Autosave on a Form for React by Example
JavaScript
18
star
38

react-hooks-usestate-vs-usereducer

Showcasing when to use useState vs useReducer in React.
JavaScript
15
star
39

react-slot-pattern-example

An example implementation of React's slot pattern for passing components as props
JavaScript
15
star
40

react-prevent-rerender-component

Showcasing when and how to prevent a rerender of a component in React
JavaScript
14
star
41

react-intersection-observer-api-example

Showcasing of the Intersection Observer API in React with createRef()
JavaScript
13
star
42

react-mock-data

How to mock data in React with a fake API
JavaScript
13
star
43

react-asynchronous-request-setstate-unmounted-component

Example of preventing to set state on unmounted React Components
JavaScript
13
star
44

react-component-types

React Component Types
JavaScript
12
star
45

react-component-composition-example

React Component Composition by Example
JavaScript
11
star
46

react-interval-setstate-unmounted-component-performance

Example on removing intervals (or listeners) on unmounted React Components
JavaScript
11
star
47

create-react-app-with-sass

Showcasing on how to use SASS in create-react-app
JavaScript
10
star
48

create-react-app-with-css-modules

Showcasing how CSS modules work in create-react-app
JavaScript
10
star
49

react-usereducer-hook

State management in React with the useReducer hook.
JavaScript
9
star
50

react-render-prop-component-for-state

An example implementation of React's render props for managing state on behalf of a component
JavaScript
9
star
51

react-reusable-components

Showcasing how reusable components can be made reusable in React.
JavaScript
8
star
52

react-slider

React Slider Component by Example
JavaScript
8
star
53

the-road-to-react-portuguese

📓The Road to React: Sua jornada para dominar React.js
8
star
54

react-event-handlers

Showcasing how different React event handlers work.
JavaScript
8
star
55

react-usereducer-middleware

React's useReducer Hook with Middleware (and Afterware)
JavaScript
7
star
56

the-road-to-react-spanish

📓The Road to React: Your journey to master React.js
7
star
57

react-composability-over-configurability

Simple example showing the power of composition in React.
JavaScript
7
star
58

the-road-to-learn-react-thai

6
star
59

react-computed-properties

Computed Properties in React
JavaScript
5
star
60

react-render-props-example

An example implementation of React's render props for implementing an advanced List component
JavaScript
5
star
61

react-usestate-hook

Showcasing how state management in React works with the useState hook.
JavaScript
5
star
62

react-remove-item-from-list

Remove an Item from List in React
JavaScript
5
star
63

react-styling

Different examples on how to CSS style React components
CSS
4
star
64

the-road-to-learn-react-vietnamese

Vietnamese Translation - The the Road to learn React
4
star
65

react-add-item-to-list

Add an Item to a List in React
JavaScript
4
star
66

react-derive-state-props

How to derive state from props in React
JavaScript
4
star
67

the-road-to-learn-react-persian

📓The Road to learn React: Your journey to master plain yet pragmatic React.js
3
star
68

react-router-nested-routes-example

An example implementation of nested routes with React Router
JavaScript
3
star
69

the-road-to-learn-react-albanian

📓The Road to learn React: Your journey to master plain yet pragmatic React.js
2
star
70

react-ref-example

How to use ref in React as exmaple
JavaScript
2
star
71

react-update-item-in-list

Update an Item in a List in React
JavaScript
2
star
72

the-road-to-react-hungarian

2
star
73

use-with-viewbox

Custom hook to add a viewbox attribute to your SVG in case it's missing.
JavaScript
1
star