优术利器

码农搬砖多年了，每年感受都不太一样，今年开始感觉到自己熬过了邓宁克鲁格效应中的“绝望之谷”。 当一个人完全不知道自己不知道的时候，生命中全是问题。而受苦比解决问题来得容易，承受不幸比享受幸福来得简单。

之前我介绍过如何做一个可拖拽列表，但当时没有任何动画，这篇文章将介绍如何加上丝滑的过度效果，用到react-dnd中的CustomDragLayer和DragPreview。

React有一种场景是，forwardRef传到子组件的outerRef需要绑定到子组件上，与此同时，子组件内部也有一个通过useRef创建的innerRef，也需要绑定到子组件上，该如何做呢？

给一个垂直排列的list组件，在变换顺序期间，如何加上过渡效果，我对比了市面上比较主流的工具库，最终选用react-flip-move，这篇文章将介绍我如何一步一步实现给list item添加动画的。

当做一个可以通过拖拽排列的list时，我是如何一步一步用react-dnd实现这个list的，包括如何设置draggable和droppable。类似的工具库有哪些优缺点？

在开发低代码的表单引擎时，控制类属性，除了hidden，disabled，还有哪些？由于表单有联动的需求，有些属性和状态是动态的，该如何优雅的将动态属性封装进表单组件里？

开发为Low Code平台做准备的表单框架，需要能用在React，Angular，Vue等主流框架中，我采用了lerna monorepo多包工程化管理模式，这篇文章介绍如何用lerna初始化项目。

最简单的答案是利用React.cloneElement。然而在实际工作中情况更复杂，尤其是在封装容器类组件时，会经常用到。下面我由浅入深，分三个级别，介绍如何应对此场景中越来越复杂的需求。

不等高的虚拟列表中，每一项中的文本是已知的，但长短不一，需要给出每一项的高度，那该如何计算呢？重点就是计算文本将会占据dom的高度，这里我用canvas，一步步带你算出来。