decky TypeScript零束大小装饰器 嘿,今天给推荐一个挺不错的工具——decky。这款工具的特点是,作为一个 TypeScript 装饰器,它的运行时成本为零,而且不会增加打包后的文件大小。简单来说,它可以让你在不增加任何负担的情况下使用装饰器,挺适合想要优化代码的同学。decky与 TypeScript、Prettier,以及 Ja
蜜蜂和水罐数字艺术果酱3项目 嘿,前端小伙伴们,今天给推荐一个蛮有意思的资源——蜜蜂和水罐的数字艺术果酱 3 项目。这个项目适合用来做数字艺术类的开发,特点是简单易上手,而且兼容性挺好的。你只需要最新版本的浏览器和安装好yarn依赖,就能快速启动开发环境。yarn管理依赖的方式也是当前前端开发中的标准之一,熟悉了后,你会发现开发
Next.js认证集成SDK(实验性) 登录功能的接入总是挺烦的,是在 Next.js 里整合第三方认证。@auth0/nextjs-auth0这个 SDK 就比较贴心,帮你省了不少事。虽然它现在还是实验版本,但基本功能都能跑,而且文档也还行,适合想快速验证登录流程的场景。安装也简单,npm install @auth0/nextjs-a
koa-backend基于Node.js和TypeScript的API服务框架 koa-backend 的代码结构挺清晰的,主打就是把 KOA、TypeScript、Joi 和 Swagger 都用 decorator 串起来,写接口的时候不容易乱,还挺优雅。 登录这块直接用 JWT,验证、鉴权这些也都内置了,省得你自己折腾,开发起来顺手多了。响应快,配置也简单,适合写各种 A
imdux Redux辅助库适用于React Hooks与TypeScript Redux 状态管理的重复代码太多?嗯,用起来真的挺烦。imdux就是为你这种懒得写样板代码的人准备的,配合 React Hooks 和 TypeScript,体验还是蛮不错的。 没有冗余的 action、reducer、types 三连组合,直接一步到位,状态管理就像拧螺丝一样丝滑。它用的是 im
Figma-copies Figma插件自动从Google电子表格更新副本 Figma 插件figma-copies挺方便的,专门用来自动从 Google 电子表格中获取和更新副本内容。你只需要创建一个包含复制 ID 和文本的 Google 电子表格文档,发布到网络上,把.tsv 的 URL 粘贴到 Figma 插件里。插件会自动更新所有与副本 ID 匹配的文本图层,蛮省事
Vue自用脚手架支持服务端渲染TypeScript Vue 自用脚手架的配置挺有意思的,适合喜欢 TypeScript 的朋友。它支持服务端渲染,配合vue-class-component,可以大大提升你的开发效率。代码风格上,蛮像 React 的,简洁清爽,感觉就像找到了真爱。是降级能力也有,能够兼容不同的开发环境。,对于想用TypeScript开
ast-parser AST解析器JavaScript工具 AST 解析器是一个好用的工具,挺适合做代码或者转化工作。通过它,你可以轻松解析代码的抽象语法树(AST)。比如你只需要安装npm i ast-parser -D,用astParse解析代码,直接返回你需要的 AST 节点信息,方便。你也可以配合@babel/parser来解析不同的代码,像是 Ty
Appy Fetch API函数式封装 围绕 Fetch API 的函数式封装,用起来还挺顺手的。appy的思路是保留原生fetch()的灵活性,但在上面加了一层更稳的函数式模型。你如果用过fp-ts,会觉得上手挺快,像Task、Either这些类型都用上了,错误也变得清爽多了。 对于求的组织,appy有自己的一套——用Req类型来求,把
use-react-redux-context使用useContext替代ReactRedux.connect提高性能 useContext 写的 Redux 绑定,比 connect()轻不少。以前用ReactRedux.connect(),写多了你会发现真有点重,尤其组件一多,性能压力也上来了。用use-react-redux-context就不一样了,思路清晰、结构简单、性能还挺不错。核心是用React.Con