1.怎样徒手写一个React

2022-12-19 12:18:28 浏览数 (1)

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

0 人点赞