在react 数据传递中常用的是通过props 进行数据传递，但是有的内容我们是需要在整个页面中所有的组件使用的，这个时候如果还使用props一层一层的去去传递的话就比繁琐，怎么解决这个问题呢 react提供了一个 co…

React Router V4 正式版发布，该版本相较于前面三个版本有根本性变化，遵循 Just Component 的 API 设计理念。 本次升级的主要变更有： 声明式 Declarative 可组合 Composa…

答案写在最前面(demo)： function translateHtmlCharater(html) { var div = document.createElement("div"); div.innerHTML =…

React 16 中的异常处理翻译自 React 官方文档，从属于笔者的 React 与前端工程化实践系列中的 React 组件分割与解耦章节；也可以使用 create-webpack-app 运行本部分示例 。 异常处…

Icon icon作为开发当中使用相对频繁的一个组件，其实现也很简单，但是其中比较麻烦的一部分是icon字体的制作，可以参看这篇文章。 Antd的Icon组件使用了很简单的css来实现交互与动效 import React…

useState 经典案例: import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); r…

React+Redux开发实录（一）搭建工程脚手架React+Redux开发实录（二）React技术栈一览 React技术栈一览 从上面搭建工程脚手架中，我们看到了React开发技术栈。有ES6、babel、eslint…

Babel是一个广泛使用的转码器，可以将ES6/ES7代码转为ES5代码。JavaScript在不断发展，各种新的标准提案层出不穷，由于浏览器的多样性导致可能几年之内都无法广泛普及，Babel可以让你无顾虑的使用这些特性…

import React from 'react'; import {Link} from 'react-router'; import ContactStore from '../stores/ContactStore…

可先查看我的redux简单入门 react-redux简介 react-redux是使用redux开发react时使用的一个插件，另外插一句，redux不是react的产品，vue和angular中也可以使用redux；…

前言 本文作者站在自己的角度 深入浅出…算了别这么装逼分析 redux applyMiddleware 在设计过程中通过 compose 构建异步数据流的思路。自己假设的一些场景帮助理解，希望大家在有异步数据…

对比一下setTimeout和Promise的实现方法，promise感觉更高大上。 setTimeout 实现 setTimeout(function() { console.log('1s') setTimeout(…