怎样徒手写一个React

本文主要通过手写一个简单的 React，旨在了解 Facebook 团队使用两年多时间重构的 Fiber 架构到底做了些什么？从而对 React 基本原理有一个直观的认识。尬不多说，搭建开始~

青铜 – React、JSX、DOM elements 如何工作的？

本文主要基本 React 16.8 版本进行实现。

下面先实现一个最简单的页面渲染，快速了解 JSX、React、DOM 元素的联系。

代码语言：javascript复制

import React from "react";
import ReactDOM from "react-dom";

const element = (
  <div id="foo">
    <a>bar</a>
    <b />
  </div>
);
const container = document.getElementById("root");
ReactDOM.render(element, container);

实现一个最简单的 React 应用，只需要上面的三行代码就够了