![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 77
react
dralexsanderl
这个作者很懒,什么都没留下…
展开
-
使用docker部署node和react应用
使用docker部署node和react应用原创 2023-08-03 22:22:14 · 2713 阅读 · 0 评论 -
react组件编写最佳实践
react组件编写最佳实践原创 2023-08-02 22:31:07 · 2222 阅读 · 0 评论 -
react之redux、react-redux
ReduxRedux是JavaScript应⽤的状态容器。它保证程序⾏为⼀致性且易于测试。安装npm i redux -S过程:需要一个store来存储数据store里的reducer初始化state并定义state修改规则通过dispatch一个action来提交对数据的修改action提交到reducer函数里,根据传入的action的type,返回的新的stateredux概念:createStore: 创建storereducer: 初始化、修改状态函数getStat原创 2020-06-19 21:27:08 · 166 阅读 · 0 评论 -
React组件优化
组件优化核心:减少渲染,只渲染需要被渲染的组件。定制组件的shouldComponentUpdate钩子通过shouldComponentUpdate进行优化import React, { Component } from 'react'export default class OptimizeCmp extends Component { constructor(props) { super(props); this.state = { commentList:原创 2020-06-18 16:56:59 · 228 阅读 · 0 评论 -
React组件化
React组件化组件化的优点:增强代码重用性,提高开发效率简化调试步骤,提升整个项目的可维护性便于协同开发降低耦合性context组件跨层级通信。React中使用Context实现祖代组件向后代组件传值。Vue中的provide和inject来源于Context。Context中存在两个角色:Provider: 提供数据的组件Consumer:获取数据的组件使用:// context.js import React from 'react'export const Co原创 2020-06-18 12:08:33 · 221 阅读 · 0 评论 -
React入门概念
React安装全局安装脚手架create-react-appnpm i -g create-react-app创建项目create-react-app projectName打开项目cd projectName启动项目npm start项目默认的配置项是隐藏的,通过执行以下命令可以暴露配置项npm run eject文件结构React和ReactDomReact负责逻辑控制,数据 -> VDOM,创建虚拟DOMreact中的的JSX语法J原创 2020-06-16 13:51:48 · 174 阅读 · 0 评论