2026年我想学习的3件事

发布: (2025年12月24日 GMT+8 14:59)
1 min read
原文: Dev.to

Source: Dev.to

n8n

这已经被几位 Dev YouTuber 多次提及,并激起了我的兴趣。它是一个开源的工作流自动化工具,采用 fair‑code 许可证,适用于无代码/低代码集成,并且可以自行托管。

n8n sign‑up

GraphQL

GraphQL 已经推出一段时间了,但我想在即将开展的项目中正式使用它。是时候超越 REST,探索高效的数据获取、模式以及 Apollo 或 Relay 等工具了。

GraphQL official site

TypeScript Advanced

TypeScript 在现代前端和后端工作中无处不在,但我想通过条件类型、映射类型、模板字面量类型以及对大型项目更好的类型推断等高级特性来提升自己的水平。

TypeScript documentation

Back to Blog

相关文章

阅读更多 »

我抓取了6000+ n8n 工作流,并构建了一个带交互式预览的搜索引擎

我遇到的主要问题是,在使用官方模板库和各种社区资源时,总会卡在一个特定的摩擦点上:我必须下载一个 JSON 文件,将其导入到我的项目中,然后才能继续使用模板。然而,这个过程非常繁琐,而且经常出现以下几个具体障碍: 1. **文件获取不便** 官方文档只提供了一个下载链接,但该链接经常失效或被防火墙拦截。社区的替代方案要么已经过时,要么缺少必要的更新,导致我下载的 JSON 文件与当前的模板版本不匹配。 2. **导入步骤不明确** 即使成功下载了 JSON,我也不清楚该如何在项目中正确导入。官方示例代码往往省略了关键的配置步骤,或者使用了旧版的 API,使得我在尝试时频繁遇到 “未定义” 或 “类型不匹配” 的错误。 3. **依赖冲突** 在将 JSON 文件加入项目后,构建工具(如 webpack、vite 等)会报错,提示某些依赖版本不兼容。社区的解决方案大多是手动降级或升级某些库,但这会导致其他功能出现连锁反应,尤其是在使用 TypeScript 时,类型定义会出现大量冲突。 4. **缺乏自动化脚本** 官方并没有提供一键下载并集成 JSON 的脚本,导致每次都需要手动执行 curl/wget、解压、移动文件等步骤。社区有一些 Gulp/Grunt 插件,但它们的维护状态不佳,文档也不完整。 5. **文档与实际行为不一致** 官方文档中描述的 JSON 结构与实际下载的文件存在细微差别,例如字段名的大小写、嵌套层级或必填字段的缺失。这使得在代码中解析 JSON 时,需要额外的适配层,增加了维护成本。 **尝试的解决方案** - **使用代理或 VPN**:通过代理访问官方下载链接,暂时解决了网络拦截的问题,但这并不是根本方案,因为每次切换网络环境都需要重新配置。 - **手动克隆仓库**:直接从 GitHub 上克隆包含 JSON 的仓库,避免了下载链接失效的问题。但这仍然需要手动将文件复制到项目的指定目录,并确保路径配置正确。 - **编写自定义脚本**:利用 Node.js 编写一个小脚本,自动下载、校验并移动 JSON 文件到目标位置。虽然实现了自动化,但仍然依赖于外部网络资源的可用性。 - **社区 Fork**:寻找活跃的社区 Fork,使用其提供的更新版 JSON。此方案在短期内有效,但长期来看仍然面临维护者停止更新的风险。 **当前的痛点** - 每次新建项目或升级模板时,都必须重复上述繁琐步骤,导致开发效率大幅下降。 - 由于依赖冲突和类型不匹配,项目的 CI/CD 流水线经常卡在构建阶段,需要额外的人工干预。 - 文档不完整,使得新人难以快速上手,增加了学习成本。 **期望的改进** 1. **提供稳定的 CDN 或 npm 包**,直接通过 `npm install @official/template-data` 或类似方式获取最新的 JSON,省去手动下载环节。 2. **在官方文档中加入完整的导入示例**,包括 TypeScript 类型声明、Webpack/Vite 配置示例,以及常见错误的排查步骤。 3. **维护一个自动化脚本或 CLI 工具**,一键完成下载、校验、集成的全过程,并在脚本中处理依赖冲突和版本兼容性。 4. **同步更新 JSON 结构文档**,确保字段说明、必填项和示例数据与实际文件保持一致,减少二次适配的工作量。 5. **建立社区维护的镜像仓库**,在国内网络环境下也能快速获取最新的 JSON 文件,避免因网络问题导致的下载失败。 通过上述改进,能够显著降低模板使用的门槛,提高开发效率,并为新手提供更友好的上手体验。

从混乱到秩序的前端

它是如何工作的 - 后端为微服务更新 GraphQL schema。 - 前端拉取最新的 schema,创建查询/变更并重新生成 type。 - 任何…