使用 create-react-app 创建的 react 项目，结合使用 antd 时，官网文档介绍了按需加载需要使用 babel-plugin-import 来配合，如果你的项目还没有执行 npm run eject，则使用官网推荐的配置即可，由于我已经 eject 过，记…

最近在网上也看到了react-router4的好多种按需加载的方法。 虽然自己的项目不大，但是也要区分前台和后台，如果让访问前台的用户也加载了后台的js代码，还是很影响体验的，所以挑了一种按需加载的方法进行实践（基于create-react-app和Bundle组件）。 这里的…

1. 目录 2. redux简介 redux是react全家桶的一员，它试图为 React 应用提供「可预测化的状态管理」机制。 3. 安装 4. redux核心 State的变化，会导致View的变化。但是，用户接触不到 State，只能接触到View 所以，State的变化…

一个月前，React 官方正式发布了 v16.3 版本。在这次的更新中，除了前段时间被热烈讨论的新 Context API 之外，新引入的两个生命周期函数 getDerivedStateFromProps，getSnapshotBeforeUpdate 以及在未来 v17.0 …

当 React 渲染一个组件的是你，首先进入该方法。 Note：componentWillMount()是唯一一个在render()之前调用的生命周期方法。因此是在服务端渲染中唯一被调用的方法。 可以在该方法中使用this.setState()但是不一定触发重新渲染。 当该方法…

关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公司的新项目迁移到了 Rea…

去年我整理过一份《平安科技移动开发二队技术周报（特别版のReact Native专题）》，作为 React Native 入门的学习资料，半年多过去了，React Native 发布也已经一年多了，随着生态圈的不断完善，社区和开发者都在不断的成长，本文我们来总结下到目前为止的一…

当我们能够熟练运用React进行前端开发时，不免会对React内部机制产生浓厚的兴趣。组件是什么？是真的DOM吗？生命周期函数的执行依据又是什么呢？ 本篇，我们先来研究React组件的实现与挂载。 上述代码写完后，我们就得到了<A />这个组件，那么我们接下来先弄清楚<A />…

我们知道，React 提供的单向数据流以及组件化帮助我们将一个庞大的项目变为小型、独立、可复用的组件。但有时，我们无法进一步拆分很复杂的组件，因为它们内部的逻辑是有状态的，无法抽象为函数式组件。所以有时我们可能会写出非常不适合复用性开发的： 但谢天谢地，Hooks 的出现，让我…