Skip to content

react概述

通过组件化开发和声明式编程简化 UI 构建,强调数据驱动视图和单向数据流。

react中文文档:https://react.docschina.org/

TIP

一句话就是函数里面写html,然后通过js来控制html的显示。

jsx
// 示例:一个简单的组件
function Button({ onClick, text }) {
  return <button onClick={onClick}>{text}</button>;
}
// 示例:一个简单的组件
function Button({ onClick, text }) {
  return <button onClick={onClick}>{text}</button>;
}

路由

React Router:https://reactrouter.com/

状态管理

Redux:https://redux.js.org/

构建工具

Create React App:https://create-react-app.dev/(快速初始化项目)。

Vite:https://vite.dev/(基于 ES 模块的极速构建工具)。

服务端渲染(SSR)

Next.js:https://nextjs.org/(React 官方推荐的 SSR/SSG 框架)。

移动端开发

React Native:https://reactnative.dev/(用 React 构建 iOS/Android 应用)。

钩子(Hooks)

React 16.8 引入的特性,允许在函数组件中使用状态和生命周期方法。

常用钩子:useState(状态管理)、useEffect(副作用操作)、useContext(跨组件状态)等。

程序员小洛文档