知鸦日报2023-03-29

让设计工作事半功倍的 design token，我们该如何运用？

Explore how big data processing successfully drove data migration and data activation for Salesforce Data Cloud.

转转仓储初始形态为基本的进销存（进销存软件主要关注库存、采购和销售的管理，而WMS专注于仓库内部的物料搬运、存储和分拣等操作；前者解决的是管货的能力，后者是在前者的基础之上对仓库的作业进行过程指导和规范）系统，初始形态定位于质检系统中的仓储模块；因此也只是承担的比较固定和简单的实物进销存过程，没有其他决策性、流程性等能力。初始形态下只运营着自营少数站点，库存量也是在一个人工能处理的量级；但随着业务的快速发展，带来回收入仓货物量的持续增长，系统操作效率正面临着日益严重的瓶颈挑战。

React 一个美妙之处在于它通过抽象降低了操作真实 DOM 的复杂度。这让我们不必手动去查询元素，也不必思考如何向这些元素添加类，也不必再苦于浏览器的不一致性，而是让我们专心编写组件并专注于用户体验。然而，仍然会有一些场景（虽然很少！）需要我们访问 DOM。

而当涉及到 DOM 时，最重要的是理解并学习如何正确使用 Ref 以及它的周边。因此在本文中，我们要弄清楚为什么需要访问 DOM、Ref 如何帮助我们实现这一点、useRef、forwardRef 和 useImperativeHandle 是什么，以及如何正确使用它们。此外，我们还要讨论如何避免使用 forwardRef 和 useImperativeHandle，但是同时还要拥有它们提供的能力。

随着业务不断迭代更新，App的大小也在快速增加，2019年~2022年期间一度超过了117M，期间我们也做了部分优化如图1红色部分所示，但在做优化的同时面临着新的增量代码，包体积一直持续上升。包体积直接或间接地影响着下载转化率、安装时间、磁盘空间等重要指标，所以投入精力发掘更深层次的安装包体积优化是十分必要的。根据谷歌商店的内部数据，APK体积每减少10M，平均可增加～1.5%的下载转化率。

什么是远程组件？这里是指在生产环境中，从服务端远程下载一个JS文件并注册成组件，使其能够使用。

本文从什么是架构师PM化、架构师PM化的特点、危害等方面讲述如何防止架构师PM化。