React 学习

前言
背景

React 说明

React 是由 Facebook(现 Meta)开发并开源的 JavaScript 库,主要用于构建用户界面(UI),尤其适合构建 单页应用(SPA) 的交互式前端。
它于 2013 年首次发布,因其高效的渲染性能、组件化的开发模式和庞大的生态系统,已成为当前最流行的前端框架之一(与 Vue、Angular 并列)

React19 说明

React 19 是 React 团队于 2024年12月 正式发布的重大版本,代号 “The One”
它带来了多项核心改进和新特性,旨在简化状态管理、提升服务端渲染能力、优化编译与性能。是继 React 18 后最重要的跨时代更新。

笔记说明

后续内容是以 vite + React19 + Typescript 进行笔记记录。

安装

可以通过 npm 或者 pnpm 安装,推荐使用 pnpm 安装

流程安装
# 可选安装 nnpm
npm install pnpm - g

# 流程安装 → 安装最新 vite → 安装 react
pnpm create vite@latest
或者使用快捷创建
# 安装 vite 并通过 vite 的模板安装 react
npm create vite 项目名 --template=react-ts
# 或者通过 nnpm 安装
pnpm create vite 项目名 --template=react-ts

完成后运行项目

PowerShell
npm run dev

效果展示

%title插图%num