一个极简的React框架,用于说明React实现原理,请不要用于生产环境
实现了JSX,组件,生命周期,diff,setState等核心功能
- 分支 chapter-4 - 对应文章:从零开始实现一个React(四):异步的setState
- 分支 chapter-3 - 对应文章:从零开始实现一个React(三):diff算法
- 分支 chapter-2 - 对应文章:从零开始实现一个React(二):组件和生命周期
- 分支 chapter-1 - 对应文章:从零开始实现一个React(一):JSX和虚拟DOM
git clone https://github.com/hujiulong/simple-react.git
cd simple-react
npm install
npm start
为了简单起见,并没有分开库代码和应用代码,可以直接修改src/index.js
来使用
// src/index.js
import React from './react'
import ReactDOM from './react-dom'
class App extends React.Component {
render() {
return <h1>Hello,World!</h1>;
}
}
ReactDOM.render(
<App />,
document.getElementById( 'root' )
);
MIT