React Hooks正式公布也有一长段时间了，在选择第一时间接受“总之这就是未来了，你不陪跑也得陪跑”的现实之后，逐渐尝试着在脑内对一些既有的代码基于Hooks去进行重构，也阅读了不少社区里的讨论。 在社区中，大部分布道者都提到了诸如“过于冗繁的组件嵌套”、“与内部原理的更亲…

很多前端开发者认为，Vuex和Redux是用来解决组件间状态通信问题的，所以大部分人仅仅是用于达到状态共享的目的。但是通常Redux是用于解决工程性问题的，用于分离业务与视图，让结构更加清晰，从而达到易于维护的目的。也就是 Flux(这里我之前翻译的Flux深度解读)架构所解决…

optimize-css-assets-webpack-plugin：在webpack打包时优化压缩css代码，主要使用 cssnano 压缩器。 webpack.splitChunks：webpack 4 最大的改动就是废除了 CommonsChunkPlugin 引入了 o…

使用 React.js 一段时间了，把使用过程遇到的小坑和小技巧记录下来，希望能够帮助到其他人。此文章是长篇大论你只有耐得住寂寞，禁得住诱惑才会有所成长。 1. 父组件向子组件通信 2. 子组件向父组件通信 3. 跨级组件通信 4. 没有嵌套关系的组件通信 下面demo中点击父…

React官网和2018年的React conf上都提到了动机这个东西，那么出现hooks的动机是什么？是什么推动了hooks的出现？先来看一下Hooks的动机。 React没有提供可复用性行为“附加”到组件的途径，在写类组件的时候，一个类是一个闭包并且state在组件间传递并…

React 很棒，在过去的几周里，我用它玩得很开心，所以我决定尝试一下React Motion。一开始 API 就让我感到有困惑和棘手，但是最终一切开始变得有意义，不过这需要时间。遗憾的是，我在网上找不到合适的 React Motion 教程，所以我决定把这篇文章写出来，不仅是…

Next.js 是一个基于 React 和 Node.js 的服务端渲染技术，本文教你快速上手使用它

然后在webpack.common.js中简单的配置入口(entry)跟输出(output)。 接着在根目录下再新建src文件夹，用来存放主要代码，并新建index.js，随便写点东西。 webpack4中提供了 mode 配置选项，告知 webpack 使用相应模式的内置优化…

前言一般情况下，我们写React项目，用create-react-app脚手架开发比较方便，但是如果要写一个插件的话，用三方脚手架就显得有点臃肿了，我们可以自己配置一个符合我们开发的简单工具，本文教你