royyangs/simple-react

simple react

simple-react

一个极简的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' )
);

LISCENSE

MIT