React

这两天在集成一个比较复杂的组件，大致的内容是有个list组件，然后渲染每个item组件，这个item组件是比较重型，并且不太好轻易调整。在集成的过程中遇到了性能问题，我们来分析下，看下怎么解决。

最近在做项目的的时候，遇到一个TS类型的问题，需要使用到TS中的extends和infer来解决，像TS中这些内容用过之后老是忘记，这次坐下加单总结，记录一下。问题是这样的。 我先定义一个cla

当我们项目越来越大的时候，代码的体积会变得庞大，导致我们项目的加载速度变慢，特别是如果您包含大型第三方库。您需要密切关注包含在bundle中的代码，以免我们的项目体积太大，导致加载时间长。

最近在做emoji表情，在windows环境预览效果不太理想，也缺少很多字体图标的显示，为了让各种环境显示一致，决定用svg图片代替字体图标。抓取notion资源

Pipeable Operator 是一个将 Observable 作为其输入并返回另一个 Observable 的函数。这是一个纯粹的操作：之前的 Observable 保持不变。

最近做东西都在用ts，有时候写比较复杂的功能，如果不熟悉，类型写起来还是挺麻烦的。有这样一个功能，在这里，我们就不以我们现有的业务来举例了，我们还是已`Animal`举例，来说明场景。

前端多个包管理的的方式一般都是采用`monorepo`的方式去管理，之前都是使用的`lerna`的workspace去管理。这段时间包管理切换到了`pnpm`上，它也有worksapce。

React 重新渲染的综合指南。该指南解释了什么是重新渲染，什么是必要的和不必要的重新渲染，什么情况下会触发 React 组件重新渲染。

前言 最近有个需求，需要渲染大量的列表，列表项的高度还不确定，之前用过react-virtualized,可以解决不固定高度的问题，但这个库有点大，比较重。react-window官方没有提供该案例。

前言 最近有个需求，一个页面上要渲染50个或者100个图表，把功能实现后，页面太卡了。之前用过虚拟渲染能解决此类的问题，但用的都是别人写好的库，想了想，自己实现也并不复杂，于是决定自己实现一下。

我们知道Promise是没有提供取消或者终止的操作。但我们在开发过程中会遇到。我们可以参考和借助AbortController来实现。

一款开源图片编辑器，采用React + Typescript + React-knova 框架开发.

一款开源图片编辑器，采用React + Typescript + React-knova 框架开发.

项目里的弹框越来越多，业务模块共用的弹框也比较多。在刚开始的阶段，有可能不是共用的业务弹框，我们只放到了当前的业务模块里。随着迭代升级，有些模块会成为通用弹框。

Umi使用Webpack5 Module Federation 探索，可以动态运行另一个JavaScript应用的代码，同时可以共享一依赖。