Context被翻译为上下文，在编程领域，这是一个经常会接触到的概念，React中也有。 在React的官方文档中，Context被归类为高级部分(Advanced)，属于React的高级API，但官方并不建议在稳定版的App中使用Context。 不过，这并非意味着我们不需要…

年中，公司启动新项目，需要搭建微前端架构，经过多番调研，确定了乾坤、umi、dva的技术方案，开始一个月就遇到了大的难题。第一，dva是约定式，不能灵活的配置；第二，乾坤并不能完全满足业务需求，需要更改很多源码，比如主子通信，兄弟通信等。经过一番取舍，放弃了这个方案。后基于si…

什么？调试 React 源码还有优雅和不优雅之分？ 别着急，我们先来听个故事： 东东是一名前端工程师，主要用 React 技术栈，用了多年之后想深入一下，所以最近开始看 React 源码。 他把 re

出于节省用户流量，许多移动端浏览器都不支持H5自动播放视频，必须在用户主动交互，本文总结解决移动端H5无法自动播放的问题

本文的目标是通过下文介绍的适配方案，使用vue或react开发移动端及H5的时候，不需要再关心移动设备的大小，只需要按照固定设计稿的px值布局，提升开发效率。 下文给出了本人分别使用create-react-app搭建的react（create-react-app）项目和使用v…

ESLint: Find and fix problems in your JavaScript code. Prettier: Prettier is an opinionated code formatter. Husky: Husky can prevent bad gi…

以上这段代码，相信大家再熟悉不过了，react controlled组件的最简单的栗子，controlled input组件。首先我们来说一说React的事件，包括上面我们使用的onChange事件，都属于React的合成事件，也就是非浏览器原生的，它是对浏览器原生事件的封装事…

React - 自定义Hook - useCompositions 解决问题：在输入框中输入中文时，意外触发接口请求问题。

配置复杂，devtool... 模板代码太多，创建constant，action，reducer... 需要添加很多依赖包，如redux-thunk、immer... ... 1. Typescript 必须的吗？ 2. React hook 必须的吗？ 3. 不用 redux…