本文主要通过手写一个简单的 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 应用,只需要上面的三行代码就够了