Appearance
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(跨组件状态)等。