React
文章平均质量分 76
React
CrystalAngelLee
GitHub:https://github.com/CrystalAngelLee
LinkdIn:https://www.linkedin.com/in/%E5%98%89%E8%90%B1-%E6%9D%8E-b56531149/
展开
-
关于 Redux 源码的实现及分析
Redux 源码实现及分析Redux 回顾 PartRedux 实现 及 分析 PartcreateStoregetStatesubscribedispatchenhancerapplyMiddlewarebindActionCreatorscombineReducers完整代码 Link本文将跟随 Crystal 分析并实现 Redux 的几个核心API,包括且不限于 createStore、getState、dispatch、subscribe最终效果可完成对 couter 的基本增减、异步增减功原创 2021-10-26 18:24:11 · 200 阅读 · 0 评论 -
React设计模式
软件设计原则“开放封闭原则”对拓展开放,对修改封闭“单一职责”原则单一职责原则又叫“单一功能原则”,它指的是一个类或者模块应该有且只有一个改变的原因。通俗来讲,就是说咱们的组件功能要尽可能地聚合,不要试图让一个组件做太多的事情。高阶组件(HOC):最经典的组件逻辑复用方式高阶组件(HOC)是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分,它是一种基于 React 的组合特性而形成的设计模式。——React 官方高阶组件的使用姿势是原创 2021-06-17 12:57:51 · 831 阅读 · 0 评论 -
React性能优化
React性能优化使用 shouldComponentUpdate 规避冗余的更新逻辑PureComponent + Immutable.jsPureComponentImmutable函数组件的性能优化:React.memo 与 useMemoReact.memouseMemo在 React 中,只要父组件发生了更新,那么所有的子组件都会被无条件更新使用 shouldComponentUpdate 规避冗余的更新逻辑shouldComponentUpdate(nextProps, nextSta原创 2021-06-16 12:53:41 · 136 阅读 · 0 评论 -
ReactHooks学习
React hooks 的使用原则只在React 函数中调用Hook不要再循环、条件或嵌套函数中调用Hook1、为什么“不要再循环、条件或嵌套函数中调用Hook”为了确保Hooks在每次渲染时都保持同样的执行顺序2、 Hooks 的正常运作,在底层依赖于顺序链表以 useState 为例,分析 React-Hooks 的调用链路hooks 首次渲染mountState源码mounState 的主要工作是初始化 Hooks// 进入 mounState 逻辑functi.原创 2021-06-02 12:58:58 · 156 阅读 · 0 评论 -
React-生命周期的认识
认识到的React生命周期分为React16.0 之前的生命周期和React16.0之后的生命周期16.0 版本之前的生命周期static defaultProps = {};static propTypes = {};constructor(props) {super(props);this.state = {};}componentWillMount() {}rende...原创 2020-04-01 14:54:17 · 187 阅读 · 0 评论 -
React-Router
最近想写一个路由的小Demo,顺便想借这个机会理解一下关于React-Router的一些知识点:通过一个路由的配置案例来全面理解一下每一句话的含义呗:debug.jsimport React from 'react';import ReactDOM from 'react-dom';import {createHashHistory} from 'History';import...原创 2018-08-29 10:41:07 · 710 阅读 · 0 评论 -
React 开发
动态效果rc-queue-anim: https://www.npmjs.com/package/rc-queue-anim原创 2018-12-21 11:09:40 · 102 阅读 · 0 评论 -
React基础整理
前言: 休了两个月的假期,手头上的知识有点遗漏很多了,赶着在入职前复习一轮,正好把之前的东西做一个完整的归纳。【PS:所有的笔记都可能在日后做更新补充】=============================================================================================一、搭建一个React环境基础【由于是在一台...原创 2018-07-31 10:04:51 · 209 阅读 · 0 评论 -
React-Router 获取路由参数
慢慢整理哈! componentWillMount() { let visitor = this.props.location.search; visitor = visitor.split('=')[1]; this.setState({visitor:visitor}); }参考:https://blog.csdn.net/qq20004604/art...原创 2018-09-18 14:45:17 · 10398 阅读 · 0 评论 -
img的等待缓存事件
需求:要保证当所有图片加载成功以后再去执行打印方法最终代码的实现:printMail = () => { this.btnDisplay='none'; //获取iframe的window对象 let iframe = document.getElementsByClassName('wea-email-content-iframe')[0].conte...原创 2018-09-06 21:54:57 · 566 阅读 · 0 评论