作为前端UI组件库，从样式角度去看，应当满足两方面要求：一致性和可定制[1]。 其实这两点也非常好理解，一致性保证了组件库视觉上保持一致，而不是东拼西凑，而且说得高大上一点可能还有规范可循。而可定制就需要组件库暴露接口，供开发者配置形成自己风格的组件库。 但是具体一致表现在哪些…

​ 项目搭建是基于create-react-app脚手架的，以前开发过程中，也曾自己搭建过一些脚手架，由于水平有限，对于webpack实在玩不熟，最后考虑到效率和普及性，决定还是使用官方脚手架，再做一些适应性调整。好了，话多说，首先本地安装node之后(可以安装一下yarn)命…

从零搭建React企业级项目 打包工具：webpack polyfill方案 代码规范：eslint、stylelint、prettier husky git hooks 预检 lint-staged

用途：在没有这个生命周期函数之前，我们使用的数据来源可能是属性对象，也可能是状态对象，在我们的上文中的放码过来阶段就有所体现，我们可以通过这个生命周期函数将属性对象派生到状态对象上，使我们在代码中只通过this.state.XXX来绑定我们的数据。示例如下 举例：在我们的日常开…

React组件的生命周期实际是提供给React用于将React元素构建渲染挂载到真实的Dom节点的各个时期的钩子函数。各个生命周期函数提供，使得在开发组件时可以控制各个时期执行不同的操作，如异步的获取数据等。 constructor()：需要在组件内初始化state或进行方法绑…

组件不多，但在搭建过程中掌握了很多知识，再看 antd 等热门组件库，对其中的一些设计也有了更深的感悟，故记录下来，希望能帮助到其他的同学。

JSX，既不是字符串也不是HTML，本质上是一个 JavaScript 的语法扩展，且更接近于JavaScript，是通过React.createElement()创建的一个对象，称为React 元素。 React 不强制使用JSX，但将标记与逻辑放在一起形成组件，实现关注点分…

本文对github actions部署前端项目做一个简单的总结，总体来说，我感觉用它想要部署一个前端项目，可以说非常简单，简单得令人震惊🤯。但是高度的封装，会让人没有那种以前travis书写shell的畅快体验感。 不过这也是github actions的初衷所在：开发者不用…

1. 安装组件库 2. 组件库配置eslint 3. 引入依赖 4. 编写组件 5. 删除多余文件+引用组件 6. 运行项目 shouldExtractLiteralValuesFromEnum：storybook爬取组件属性的时候会自动把type类型的属性自动展开。 prop…