学习地址1：https://pan.baidu.com/s/1xL9VVpCsngqAU9vAK7PQOg 提取码：2j43
学习地址2：https://share.weiyun.com/8UiEaunA 密码：rk4ict

[完结11章]2023 React 18 系统入门 进阶实战《欢乐购》，React 18 应该是最近几年的一个重磅版本，React 官方对它寄予了厚望。不然也不会将 React 17 作为一个过渡版本，也不会光发布准备工作就做了一年。

React 的状态更新可以分为两类：
紧急更新（Urgent updates）：比如打字、点击、拖动等，需要立即响应的行为，如果不立即响应会给人很卡，或者出问题了的感觉
过渡更新（Transition updates）：将 UI 从一个视图过渡到另一个视图。不需要即时响应，有些延迟是可以接受的。

react18 新变化
总的来说，由于新的并发特性是渐进适配并按需启用的，React 18 中的重大更改仅限于几个简单的 API 更改，以及对 React 中多个行为的稳定性和一致性的一些改进，比较重要的一点是，不再支持 IE 浏览器。包括 createRoot、hydrateRoot 等 API。它还新增了 useId、useTransition、useDeferredValue、useSyncExternalStore 和 useInsertionEffect 等 hooks，以及 Strict Mode 的更新。

创建和嵌套组件
React 应用程序是由 组件 组成的。一个组件是 UI（用户界面）的一部分，它拥有自己的逻辑和外观。组件可以小到一个按钮，也可以大到整个页面。

React 组件是返回标签的 JavaScript 函数：

function MyButton() {
  return (
    <button>I'm a button</button>
  );
}
至此，已经声明了 MyButton，可以把它嵌套到另一个组件中：

export default function MyApp() {
  return (
    <div>
      <h1>Welcome to my app</h1>
      <MyButton />
    </div>
  );
}