High Order Component（包装组件，后面简称HOC），是React开发中提高组件复用性的高级技巧。HOC并不是React的API，他是根据React的特性形成的一种开发模式。 在React的第三方生态中，有非常多的使用，比如Redux的connect方法或者Re…

昨天有人让我把他当小白讲讲redux,我表示理出来的逻辑并不是很明确，他可能是在教我如何写文章吧，我对自己写的东西，并不是很负责，目的一直停留在增强自己的短时间记忆，我会安排时间将之前的文章做逻辑性梳理，当然先从这篇开始。 主要导出getState,dispatch,subsc…

随着JavaScript单页应用开发日趋复杂，管理不断变化的state非常困难，Redux的出现就是为了解决state里的数据问题。在React中，数据在组件中是单向流动的，数据从一个方向父组件流向子组件(通过props)，由于这个特征，两个非父子关系的组件（或者称作兄弟组件）…

最近在项目不时有用到骨架屏的需求,所以抽时间对骨架屏的方案作了一下调研,骨架屏的实践已经有很多了,也有很多人对自己的方案作了介绍.在这里按照个人的理解做了一个汇总和分类,分享给大家. 骨架屏就是在页面数据尚未加载前先给用户展示出页面的大致结构，直到请求数据返回后再渲染页面，补充…

React 高阶组件，其实没有想象的那么复杂。

修改 src/App.js ，引入 antd 的按钮组件。 修改 src/App.css，在文件顶部引入 antd/dist/antd.css。 在文件顶部引入 antd/dist/antd.css实际上加载了全部的 antd 组件的样式（对前端性能是个隐患）。 至此使用 Ej…

本文是直接着手SSR部分的并通过实战讲述自己遇到的一些问题和方案，需要大家有一定的React,node和webpack基础能力。skr，skr。 首先我们需要知道SSR对于SPA的好处，优势是什么。 更好的SEO（Search Engine Optimization），SEO是…

现在访问http://localhost:3000/list会看到动态生成了1000条数据，这跟咱们手动在json文件里写1000条数据效果一样，但肯定没有这么方便。还好json-server支持使用js动态生成的json格式数据。 虽然我们使用js动态生成了一些数据，但是这似…

3YAdmin基于React+Antd构建。GitHub搜索React+Antd+Admin出来的结果没有上百也有几十个，为什么还要写这个东西呢？ 一个后台管理系统的核心我认为应该是权限控制，表单以及错误信息收集这三大块，前两个最为重要。而GitHub上的大多数项目关注点都不在…