最近公司要做一个小项目，我问老大能不能用 Vue 写，因为公司一直用 React， 主要是想尝试一下 Vite。 Vite 又是祖师爷出的，所以我想试试用 Vue 作为技术栈。老大问我：“屎吃不吃。” 我隐约觉得老大是在骂祖师爷，但又没法反驳，于是就尝试用 Vite + Rea…

现在我们开发一个 React 项目最快的方式便是使用 Facebook 官方开源的脚手架 create-react-app ，但是随着业务场景的复杂度提升，难免会需要我们再去添加或修改一些配置，这个时候如果对 webpack 不够熟练的话，会比较艰难，那种无力的感觉，就好像是女…

最近，阿里巴巴 github 仓库里开源了一个新的项目：schema-plugin-flow（简称 Sifo [sɪfɔ]）[☆欢迎加星☆]，这是一个前端开发框架，主要特点是高扩展性与可二次开发。 这里的高扩展包含但不限于页面结构的修改、渲染组件的替换、组件属性的变更、组件事件…

随着前端应用体积的扩大，资源加载的优化是我们必须要面对的问题，动态代码加载就是其中的一个方案，webpack 提供了符合 ECMAScript 提案 的 import() 语法 ，让我们来实现动态地加载模块（注：require.ensure 与 import() 均为 webp…

一个图片裁剪组件的应用场景其实比较多，相应的第三方插件也不少，但有时候会需要一些特定的功能，比如想有个特定样式的裁剪框，想批量裁剪，甚至想直接裁出定制化的尺寸等等，这时就只能手写一个裁剪组件了。 上传图片时，用onChange事件来获取该file对象，里面会包含文件的name，…

本文主要记录本人在使用 NPM 发布具有样式的 react组件 时的完整实践流程，在这过程中踩了许多坑，花在完善发布脚手架的时间远多于开发组件的时间，于是记录下整个过程，希望能给大家提供帮助。 发布 react组件 的脚手架搭建。 开发组件。 打包组件，并在测试项目中引入打包组…

setState是React很重要的模块, 社区中也有很多分析文章，大多强调setState是异步更新，但有些文章分析又说某些情况下是同步更新，那到底是同步还是异步呢，这篇文章还是基于15.x进行的分析，16.x的分析等后面用机会再分享。 官网也没说setState到底是同步还…

而在实际业务中往往有大量异步场景，最原始的做法是在 React 组件 componentDidMount 的时候初始化异步流，通过 callback 或者 promise 的方式在调用 dispatch(action)，这样做把 view 层和 model 层混杂在一起，耦合严…

上面列举的工具和库都有非常丰富的文档和教程，不太熟悉的同学最好先自学一下。 MST依赖MobX。 项目中执行yarn add mobx mobx-state-tree即可完成安装。 MobX有两个版本，新版本需要浏览器Proxy支持，一些老旧的浏览器并不支持，需要兼容老浏览器的…