What is Context 今天在学习styled-components的Theming时，关于styled-components对主题的实现与管理上提到，主要应用到了react的context API，所以好好研读…

Object.assign 是什么？ 此处直接复制mdn文档的内容如下： The Object.assign() method is used to copy the values of all enumerable o…

cxj-react-image 用法如下： yarn add cxj-react-image // npm i cxj-react-image import ImageModal from 'cxj-react-imag…

首先理解ReactElement和ReactClass的概念。想要更好的利用react的虚拟DOM，diff算法的优势，我们需要正确的优化、组织react页面。 理解ReactElement和ReactClass的概念 …

事件系统 Virtual DOM在内存中是以对象的形式存在的，如果想要在这些对象上添加事件的话，React是基于Virtual DOM实现了一个合成事件层，他完全符合w3c标准，不存在ie的兼容问题。并且拥有和浏览器原生…

前端应用消失的部分 一个现代的、使用了redux的前端应用架构可以这样描述： 一个存储了应用不可变状态（state）的store 状态（state）可以被绘制在组件里（html或者其他的东西）。这个绘制方法通常是简单而且…

引言 在使用react做复杂的spa开发中,开发中必不可少的就是react-router,它使用Lerna管理多个仓库, 在browser端常使用的几个如下所示 react-router 提供了路由的通用核心功能,容易搞…

1 引言 本期精读的文章是：8 React conditional rendering methods 介绍了八种 React 条件渲染方式。 模版条件渲染非常常见，遇到的时候往往会随机选择一种方式使用，那么怎么写会有较…

一. 函数式编程 React 把用户界面抽象成一个个组件，如按钮组件 Button、对话框组件 Dialog、日期组件 Calendar。 开发者通过组合这些组件，最终得到功能丰富、可交互的页面。通过引入 JSX 语法，…

本文是『horseshoe·Redux专题』系列文章之一，后续会有更多专题推出 来我的 GitHub repo 阅读完整的专题文章 来我的 个人博客 获得无与伦比的阅读体验 Redux是一套精巧而实用的工具，这也是它在开…

什么是高阶组件? 简称：HOC 全称：High Order Component 高阶组件其实不是什么高深莫测的东西，它类似于高阶函数，就是一个纯函数，它会接受一个组件作为参数，然后返回一个新的组件。 什么时候使用HOC?…

1.create-react-app 2.自定义配置项 // bash npm run eject 导出scripts后npm install重新下载依赖 3.自定义打包路径 // path.js // 37行pathn…