原

React项目搭建

一、在react中配置less1. npm run eject弹出配置文件以便自定义项目配置2. 添加less和less-loader 两个依赖库3. 打开config/webpack.config.js 文件，开始配置工作修改style files regexes（样式文件正则）参照 sass 配置 less 的样式文件正则4. 改getStyleLoaders函数，并添加如下代码同样，参照cs

原

antd-pro项目之优化

antd-pro项目中遇到的一些问题

转

如何使用React.memo()

转载自：https://www.jianshu.com/p/b3d07860b778包装函数React v16.6.0出了一些新的包装函数(wrapped functions)，一种用于函数组件PureComponent / shouldComponentUpdate形式的React.memo()本篇将介绍React.memo()的使用场景React.memo()是一个高阶函数，它与 React.

转

react设计模式

一. 有状态组件（stateful）与无状态组件（stateless）有状态组件使用class声明，内部有state状态，在生命周期中可以改变state。无状态组件也称为函数式组件，函数只有一个props参数，然后返回渲染结果。有状态组件例子如下：import React from 'react';export class A extends React.Component { construc

原

第三章 从Flux到Redux——《深入浅出React和Redux》读书笔记

第3章 从Flux到Redux

原

第二章 设计高质量的React组件——《深入浅出React和Redux》读书笔记

第2章 设计高质量的React组件 作为一个合格的开发者，不要只满足于编写出了可以运行的代码，而要了解代码背后的工作原理；不要只满足于自己编写的程序能够运行，还要让自己的代码可读而且易于维护。这样才能开发出高质量的软件。 在这一章里，我们将深入介绍构建高质量React组件的原则和方法，包括以下内容： 划分组件边界的原则； React组件的数据种类； Reac

原

第一章 react新的前端思维方式——《深入浅出React和Redux》读书笔记

jQuery的方式直观易懂，对于初学者十分适用，但是当项目逐渐变得庞大时，用jQuery写出的代码往往互相纠缠，形成类似图1的状况，难以维护。图1 jQuery方式造成的纠缠代码结构 使用React的方式，就可以避免构建这样复杂的程序结构，无论何种事件，引发的都是React组件的重新渲染，至于如何只修改必要的DOM部分，则完全交给React去操作，开发者并不需要关心，