• Stars
    star
    173
  • Rank 220,124 (Top 5 %)
  • Language
    JavaScript
  • Created over 9 years ago
  • Updated over 6 years ago

Reviews

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

Repository Details

React源码分析,需要进一步了解请移步https://github.com/purplebamboo/little-reactjs

#React.js源码分析

为什么要分析React.js的源码?

首先,因为我本人比较喜欢探索,甚至挑战,还有通过阅读,研究源码能给自己很多帮助。

然后,主要是因为目前React.js在中国还没有真正的发展起来,不过也不远了,对于React.js其实

我是比较敬畏的,不敢轻易使用它,所以想等一年后看看大家有没有把该踩的坑都踩完了,然后我再入坑

也不迟,同时如果我在别人刚入坑的时候就去阅读源码,这样的时机也刚刚好,到最后,大家能有一份关于

React.js内核的解析文章源,也能有各种业务上的最佳实践,

或者这也是为React社区做一份有效的贡献吧。

还有,我本人的能力和实力可能有限,我现在并不知道未来的路有多艰巨,但是我一定会把这条路走完。

如果有同学实力出众,对于React.js的理解比我更胜一筹,欢迎提PR,或者给ISSUE,我在这里先感谢了。

====

在这里,我们研究的React.js版本为v0.13.0

下面把研究的大致流程介绍一下

1.对目录结构的设计理解

2.对所有模块划分的宏观理解

3.模块之间的协作图完善出来

4.根据源码目录给出每份代码的相应研究理解(接口设计目的,主要起到的作用,核心算法,策略,机制研究)

5.持续完善,修改....

然后每篇文章都是一markdown进行编写,目前来说不想搞什么网页,太麻烦了,不过未来打算搞本电子书。

ok,感谢大家,读到了这里。下面让我们开始这段奇幻的探险旅程吧!

More Repositories

1

redux-callbag

🕺🕺Redux middleware for action side effects with callbag 👉< 1KB
JavaScript
182
star
2

react-eva

Effects+View+Actions(React distributed state management solution with rxjs.)
JavaScript
156
star
3

doc-scripts

React Document Build Tool Scripts , Like react-scripts of create react app
JavaScript
155
star
4

depath

Path Matcher/Getter/Setter for Object/Array
TypeScript
132
star
5

mfetch

mfetch will provide you with a strong ability to request resource management
JavaScript
93
star
6

awesome-callbags

Callbag Libraries & Learning Material https://github.com/callbag/callbag
86
star
7

callbag-map-promise

Callbag map promise
JavaScript
65
star
8

callbag-delay

callbag delay
JavaScript
60
star
9

immutability-skinable-component

immutability-skinable-component
JavaScript
48
star
10

exp-parser

An expression parser like the angular's parser
JavaScript
41
star
11

kvm

KVM.js 轻量级模块管理器,依赖注入,AMD,Commonjs规范,Promise化
JavaScript
41
star
12

react-propers

Select react doms , and update props.
JavaScript
40
star
13

gub

CLI tool for create an npm package from any repos. 🐳
JavaScript
33
star
14

dot-match

Extremely easy dot path matching tool
JavaScript
29
star
15

qverse

Traverse any data with DPML commands.
JavaScript
25
star
16

immutability

Improve the react components immutability by es6 decorate
JavaScript
14
star
17

react-chrome-boilerplate

Improve your development efficiency to create chrome extension.
JavaScript
9
star
18

github-tag-release

github release by git tags
TypeScript
9
star
19

react-banners

React通用横幅组件
JavaScript
8
star
20

react-snap-svg

react snap.svg
JavaScript
5
star
21

react-stikky

It's very easy to sticky fixed target element.
JavaScript
5
star
22

react-slot-props

slot slot slot , react slot!
JavaScript
5
star
23

react-code-snippet

React Code Snippet
JavaScript
4
star
24

react-site-renderer

JavaScript
3
star
25

awesome-react-suspense

Awesome list of React components with suspense and resources.
3
star
26

react-demo-loader

webpack loader for react demo
JavaScript
2
star
27

dom-imagify

Generates an image from a DOM node using HTML5 canvas
JavaScript
2
star
28

use-element-rect-observer

TypeScript
2
star
29

get-target-cookie

TypeScript
1
star
30

react-doc-renderer

JavaScript
1
star
31

super-plugin

JavaScript
1
star
32

janry.blog.io

1
star
33

clean-ns

Clean Node Modules
JavaScript
1
star
34

janryWang

Config files for my GitHub profile.
1
star
35

deproxy

Downgradable ES Proxy solution
1
star