开发 React Native 需要知道的 React

本文由 AI 协助更新

本系列文章基于 React 19.2，React Native 0.83+ 开始支持 React 19.2。

React Native 基于 React，本系列通过 React Native 介绍 React 的核心概念。

---

创建一个 React Native 应用

在这之前，需要先配置 React Native 开发环境。参考 React Native 开发环境配置。

打开一个终端，创建一个 React Native 项目

# 如果创建失败，可能需要科学上网
cd ~/Developer && npx @react-native-community/cli init TodoApp

通过 VS Code 打开刚刚创建的项目

cd TodoApp && code .

按下 Control + `，打开 VS Code 自带终端

` 在键盘的左上方

启动 Package Server

npm start

如图，点击 "+" 号，打开另一个终端

启动 ios 或 android 应用

# npm run ios
npm run android

熟悉原生开发的同学，也可以通过 Xcode 或 Android Studio 来启动应用。

本系列通过构建待办事项管理应用学习 React 核心概念。

目录

按建议阅读顺序：

1. 组件 — 认识组件和元素、Props、State、单向数据流
2. useState、useReducer、useContext
3. useEffect、useEffectEvent
4. 闭包陷阱、useRef
5. useCallback、useMemo、React.memo
6. Hook 规则、自定义 Hook

参考

• React 19 官方文档