m0_44973790的博客

性能优化是指通过减少不必要的渲染或计算来提高应用的性能。

通过这个例子，我们学习了如何使用和useReducer状态管理：将购物车的状态和逻辑集中管理。组件复用：商品列表和购物车组件各自独立，但共享相同的状态。代码结构清晰：将上下文、组件和主应用分离，易于维护和扩展。通过模块化的方式进行管理实现statestate和 actions单独抽离，模块化管理。使用简化了 Redux 的代码。在组件中通过和访问和操作状态。这种模式非常适合大型应用的状态管理，代码结构清晰，易于维护和扩展。😊。

组件复用是指将可复用的逻辑或 UI 提取到单独的组件中，以便在多个地方复用。这可以提高代码的可维护性和可读性，并减少重复代码。首先，我们需要将公用组件的逻辑和 UI 封装到一个单独的组件中。假设我们要封装一个通用的。假设你有一个登录页面和一个注册页面，它们都需要使用。封装好公用组件后，我们可以在其他组件或页面中通过。

驼峰命名法：如onClickonChange。合成事件：使用封装原生事件。绑定方式：可以通过箭头函数或显式绑定this。

以下内容属于 React 的高级主题，适合在掌握了基础知识（如组件、JSX、Props、State、事件处理等）之后深入学习。用于捕获子组件的 JavaScript 错误，并显示备用 UI。是一个函数，接收一个组件并返回一个新的组件，用于复用组件逻辑。用于在组件树中共享数据，避免通过 Props 层层传递。React 提供了一些方法来优化性能，避免不必要的渲染。是一种通过 Props 传递渲染逻辑的技术。用于直接访问 DOM 元素或组件实例。

React是 Facebook 开发的一个用于构建用户界面的 JavaScript 库。它采用组件化的思想，允许开发者通过构建可复用的组件来创建复杂的用户界面。核心概念组件化：React 应用由组件构成，组件是 UI 的基本单元。虚拟 DOM：React 通过虚拟 DOM 提高性能，减少直接操作真实 DOM 的次数。JSX：JavaScript 的语法扩展，允许在 JavaScript 中编写类似 HTML 的代码。

使用Routes和Route定义路由。支持动态路由、路由守卫和懒加载。适合 React 应用。

1.react生命周期广义上分为三个阶段：挂载、渲染、卸载1.初始化阶段getDefaultProps()设置默认的props，在es6中使用组件名.defaultProps设置组件的默认属性getInitialState()es6的class语法是没有这个钩子函数的，可以直接在constructor中定义this.state，此时可以访问this.propscomponentWillMount()-渲染之前执行，在客户端和服务器都会执行render()创建虚拟DOM，进行diff算