ZHONGJIAFENG7

操作 class 和style是数据绑定的一个常见需求，频繁操作dom会降低javascript性能，为了提高代码性能，动态绑定class和style是高素养程序员的必选。本文以React-JSX语法为基础，结合其它框架的实现方法，介绍如何实现ClassName 与 Style…

自从 react@16.8 正式发布react hooks已经有一段时间了，这段时间我也一直在项目里使用hook的方式来写组件，其间也遇到了不少问题，花了些时间总结了下。 另外这篇文章建议了解react hooks的基本使用后再阅读。

最近项目里在做我们自己的组件库，关于表单这块，如何实现一个更简单的表单方案，是我们一直在讨论的问题，之前项目里习惯用 ant-design 的 Form 表单，也觉得蛮好用的，我们希望能做出更简洁的方案。 ...... 手写 value 和 onChange，除非你的系统里只有…

目的：需要一个值在组件不断渲染时保持不变。 为什么需要用current？是为了保证两次useRef是同一个值（只有引用可以做到）。 useRef既可以用来引用DOM对象，也可以用来引用普通对象。 如果想要useRef时自动render，需要自己添加该功能：监听ref，当ref.…

当web应用存在着预览场景时，在进阶体验中势必存在主题配色这样的需求。 成熟的ui库一般都会将用到的关键css属性抽离为单一文件，以供开发者定制颜色、元素间距等。开发者通过修改预设变量值，打包成不同的主题样式文件，在预览时使用主题相应的样式文件进行全局替换即可达到主题切换的目的…

注意：尽量不要把解构和声明写在一起，可读性极差。

contain：保持图片原始的长宽比，调整图片尺寸，使高度或宽度（两者中较长的一个）能够适应给定的尺寸。 cover：保持图片原始的长宽比，图像区域完全被图片完全覆盖。 fill：默认值。图片完全填充于图像区域，即使付出会损失原始长宽比的代价。 none：图片尺寸不会被调整。原…

React 为什么使用 Lane 模型替代 ExpirationTime 模型？本文将从 ExpirationTime 存在的问题入手，再加上 Demo 的演示和分析，给出答案。

这是我参与更文挑战的第20天 大家好我是小村儿，在上节我们结束了TinyReact的实现，接下来我们学习React16中用到的被称为Fiber算法，我们会花几个篇章搞明白什么是Fiber算法！！！ 开