React 新老架构的 diff 对比 React 16 之前，React 是直接通过 递归遍历 VDOM 树 查找不同，对有变化的部分重新生成真实DOM。React 16之后的 Diff 是怎样的呢

最近参与了一个 React + Typescript 组件项目，这个项目后期会开源，对代码的质量和工程化上有比较高的要求，因此需要进行工程化治理。通过这次工程化治理，笔者算是梳理清楚了一个 React + Typescript 第三方组件所需要的一些工程化方面的基础设施，在这里…

如何阻止react中的事件冒泡。什么是合成事件、原生事件。e.stopPropagation()、e.nativeEvent.stopImmediatePropagation()

大家好，我是神三元，这一次，让我们来以React为例，把服务端渲染(Server Side Render，简称“SSR”)学个明明白白。 这一部分来简要实现一个React组件的SSR。 一. SSR vs CSR 废话不多说，直接起一个express服务器。 启动之后打开loc…

前段时间一直在研究react ssr技术，然后写了一个完整的ssr开发骨架。今天写文，主要是把我的研究成果的精华内容整理落地，另外通过再次梳理希望发现更多优化的地方，也希望可以让更多的人少踩一些坑，让跟多的人理解和掌握这个技术。 相信看过本文（前提是能对你的胃口，也能较好的消化…

首先我们先对性能优化有一个总体的认知。关于 webpack 的性能优化： 1. 在业务开发中，不要

微前端下主应用/子应用间功能职责拆分，应用路由解析、以及如何实现Vuex及应用间keep-alive。

随着业务量的叠加，项目不再是当初创建的那般小而美，逐渐变得臃肿。试用微前端架构进行粒度拆分，达到分治效果，解耦巨型应用。

本文的内容我会从什么是微前端、价值、实现原理几个角度来体系化的阐述微前端在团队中的落地。微前端架构的内容体系并不是一篇文章能概述清楚的，所以我的想法是将入门到实践在落地分开来进行撰写。