最近一直在做的一件事，其实就是尝试做一款自己的React组件库，先看下组件库文档的页面吧~ 整个时间陆陆续续持续了大约两个月吧，npm目前周下载量也达到了600+，也是一种鼓励和支持。 接下来我来介绍

根据业务需求，开始学习electron跨桌面应用框架。 记录~~~~~ 创建一个electron项目 在node环境的支持下，新建文件夹 这样子，一个基础目录就准备好了，接下来需要准备一个主进程js文

Electron是什么 ​Electron 是一个由 GitHub 开发的开源库，通过将 Chromium) 和Node.js 组合并使用 HTML，CSS 和 JavaScript 进行构建 Mac

useEffect 介绍 useEffect时reactHook中最重要，最常用的hook之一。 useEffect相当于react中的什么生命周期呢？ 这个问题在react官网中有过介绍，在使用的过

useImperativeHandle是react官方为了简便我们的ref操作，同时还可以让子组件返回给父组件自身的状态和方法去调用 useRef将ref绑定到某个子组件标签上，用以获取整个子组件的方

dumi为我们创建个人组件库提供了很好的平台，开箱即用，可以把专注度放在组件业务部分的编写上。 搭建步骤： 1.创建文件夹并初始化脚手架 2.安装项目依赖并运行 如图为博主个人修改好的组件库主页，进入

Button 按钮 使用以及文档如图： 封装代码如下： 组件库线上地址：https://fengxinhhh.github.io/React-View-UI-fs/#/common/button

Divider 分割线 组件库文档图片如下： 封装代码如下： 组件库线上地址：https://fengxinhhh.github.io/React-View-UI-fs/#/view/divider

Layout 快速布局 快速成型常见网页布局 组件库文档如图： 封装代码如下： Layout.tsx Header.tsx Content.tsx Slider.tsx Footer.tsx 组件库线