组件的状态是一种保存、处理和使用给定组件内部信息的方法，并允许你实现其自身的逻辑。状态本身其实是JavaScript中一个简单的对象(Plain Old Java[Script] Object)，并且改变它是使组件重新进…

Hook Hook 是 React 16.8.0 的新增特性。 Hook 使你在非 class 的情况下可以使用更多的 React 特性。Hook 不能在 class 组件中使用。 使用规则： 只能在函数最外层调用 Ho…

apollo-client 是一个比较难用的 GraphQL 客户端，本系列带你集成 redux，趟平深坑，钻入原理，让你在 21 分钟内学完 apollo-client。 NOTE: 阅读过程中如果产生任何不适，请及时…

21 分钟学 apollo-client 是一个系列，简单暴力，包学包会。 搭建 Apollo client 端，集成 redux使用 apollo-client 来获取数据修改本地的 apollo store 数据提供…

1. 引言 React PowerPlug 是利用 render props 进行更好状态管理的工具库。 React 项目中，一般一个文件就是一个类，状态最细粒度就是文件的粒度。然而文件粒度并非状态管理最合适的粒度，所以…

需要注意的是在 render() 方法中，需要使用 this.props 替换 props： 创建react 程序 脚手架 使用npx命令 前提是node版本大于6.0 使用npx命令可以不用安装create- reac…

说在前面 关于redux的框架有很多，这里我用到的是阿里云谦大大的dva(项目地址),这里主要记录下工作中是如何使用dva来异步获取接口数据的。 文末更新至20190619 更新（2019.0619） 最近发现这篇文章虽…

本篇是前文的扩展延伸。 美化webpack输出信息 webpack在开发时的输出信息有一大堆，可能会干扰我们查看信息，以下提供一个美化、精简输出信息的建议。 精简以下开发服务器输出信息，修改webpack.dev.js：…

工作也有一段时间了，平时忙于业务代码的编写中，发现身边的一些人以及自己，对一些基本概念理解有所偏差，可能闹出笑话，会问出下面这些常识性错误的奇怪问题： vuejs怎么在服务器部署？(我提交到服务器之后执行了 npm ru…

参考资料：《深入React技术栈》 高阶reducer 高阶函数是指将函数作为参数或返回值的函数，高阶reducer就是指将reducer作为参数或返回值的函数。 在Redux架构中，reducer是一个纯函数，它的职责…

React 初窥：JSX 详解 从属于笔者的 React 与前端工程化实践系列文章，本文引用借鉴的以及更多 React 相关资料参考 React 学习与实践资料索引。 JSX 我们在上文中已经很多次的提及了 JSX，大家…

搜索延迟 平常在项目中，经常会遇到搜索请求后台的情况，此时搜索延迟就显得尤为重要，如果没有搜索延迟功能，那么用户页面将会显得特别卡顿 import {Component} from 'react' class Searc…