Frontend
Projects
日常开发学习使用的工程
seedling
seedling 是用 react + shadcn ui 实现。
准备慢慢把这些年用的 Dashboard 相关的 ui component 写在这个测试仓库,也是自己学习使用 shadcn 这个组件库的地方。(具体组件还在整理中,会自动更新、部署到以下位置)
Collection
日常收集记录(前端知识工具等)
Tools / Frameworks
- prettier - 统一代码风格。提供命令行操作和各种编辑器的 plugins (比如:vim, vscode),在编辑器里按保存时会自动整理代码,避免开发时风格的不统一。prettier Github
- lint-staged - 通过 npm 生态安装。在 git commit 时触发,一般用于执行 lint 命令。(也可以做其他)
- Mostly adequate guide to FP (in javascript) - 通用 FP 教程
- storybook.js - UI compoents 文档生成工具
- playwright - UI Automation testing framework ( MS 维护,文档全面。提供 VS Extension 帮助脚本开发)
react
- mui - Public UI Components
- awesome mui (nadunindunil) - awesome 系
- preact - 精简版 react 。至少有 2 个好处,.js 文件的大小更小;源代码更加易于理解。坏处目前觉得是以后可能跟不上 react 生态圈。
- awesome preact
- emotion-js - 方便在 JS, TS 中添加 components 的 css
- React Pro Sidebar - sidebar component
- jotai - state management
Samples
- React Board - Dash board sample. Demo APP