react-analog-clock简约模拟时钟组件
React 的模拟时钟组件，外观干净利落，搭配 Storybook 一起用，开发体验挺舒服的。
React 的react-analog-clock用起来蛮顺手，功能就一个——显示一个模拟时钟，但胜在样式简约，集成也方便。你用npm start一跑，代码就自动构建到/dist，改动立马生效，开发效率还挺高。
想预览效果？直接上npm run storybook，Storybook 会从./stories拉取故事，还能模拟真实使用场景。注意点：引入组件的时候，别从stories里乱引用，要像你在实际项目里那样，从项目根目录导入。
它用了tsconfig里的路径别名，Storybook 的 Webpack 配置也跟上了。如果你对这些不熟，推荐去看看这篇文章：tsconfig-paths-webpack 插件加载路径，讲得蛮清楚。
整体开发流程比较干净，Webpack、TypeScript 都搭好了，如果你之前就用过RobStack或者自己搞过类似配置，上手会更快。需要参考的可以看这篇：React+TypeScript+Webpack Storybook 模板。
如果你在做一个展示性组件库，或者想快速搭个小工具的 demo，用它挺合适。嗯，对了，它只做模拟时钟，别期待太多交互哈。
文件大小：242.31KB
评论区