大家好，我是19组清风。最近因为有一些比较重要的事情在忙碌所以销声匿迹了一小段时间，这次我们来聊聊如何更加优雅的处理 React 中的受控和非受控两种状态。

首先我们先看一个简单的表单，收集并校验两个组件的值。只需要通过监听两个表单组件的 onChange 事件，获取表单项的 value，根据定义的校验规则对 value 进行检验，生成检验状态和检验信息，再通过 setState 驱动视图更新，展示组件的值以及校验信息即可。 上面的…

前言 这是业务平台前端在有关【Web Components】在业务实践输出的第 5 篇文章。 通过本文，您将了解什么是Web components，以及业务中台如何将其落地到业务场景的最佳实践。 本文

前端的Form 表单主要用于解决数据获取、数据校验、数据赋值 这三大类问题。这篇文章里面的提供的解决方案能够比较完美的用在 React 框架上，但是解决问题的思路相信应该是可以使用于任何框架语言。 中后台的表单组件已经不仅仅有 input 和 select，可能还扩展到 范围选…

前言 因为要写react定位组件（这不是标题党，就是完爆ant deisgn的定位组件，你应该看到一半就会同意我的观点），如下图： 红框部分是用绝对定位放在按钮上面的，你们B端用的主流组件库都是这样实

mono repo 并不是银弹，使用这个架构还是会带来很多问题，无非市面上的工具帮助我们解决了大部分。文章主要聊了聊在没有这些工具的时候我们可能会遇到哪些问题，以及使用这些工具后解决了什么又带来了什么

由于业务需要，近期团队要搞一套自己的UI组件库，框架方面还是Vue。而业界已经有比较成熟的一些UI库了，比如ElementUI、AntDesign、Vant等。 结合框架Vue，我们选择在ElementUI基础上进行改造。但造轮子绝非易事，首先需要先去了解它整个但构建流程、目录…

随着公司不断的成长，团队也在逐渐的扩大。为了提高开发效率，需要开发一套符合公司内部的一套移动端UI组件库。非常的幸运，这份一劳永逸的差事最终由我来负责。我们公司技术栈是vue，所以UI组件库就基于vue来开发。 本文主要讲我在开发的过程中的一些思路和解决问题的方式方法，至于代码…

npm 作为一种包管理工具，无论你是泛前端还是大前端都已经离不开它。它的出现方便了万千少年。让我们跨过了 Ctrl+C、Ctrl+V ，通过 npm install x 的方式将别人的优秀代码模块引入到自己的项目中。这些优秀的模块能被共享的原因，一方面是有 npm 这么一个包管…