这周一直循环方大同新专辑，太好听辣！

开源项目推荐

• bluewave-uptime，一个自部署的服务器监控工具
• beszel，同上，又一个服务器监控工具
• nextjs-postgres-auth-starter，Vercel 官方模板
• next-validate-link，检查 Next.js 应用程序中的所有 Markdown 链接是否有效且是最新的
• use-editable，一个 hook 可以使元素 contenteditable 的同时仍然完全可渲染，非常适合创建小型代码编辑器或 textareas
• blinko，一个新的开源 memos，特点就是融入了更多 AI
• next-ui-full-calendar，一个基于 Next.js 和 NextUI 的日历组件，可以在日、周或月视图中管理和显示事件
• react-scan，扫描 React 性能问题并消除应用程序中缓慢的渲染
• NextFaster，一个 Next.js 的高性能电子商务模板，用上了所有新特性，真的快
• next-query-glue-starter，一个用了乐观 UI 更新和 View Transition API 等的 Next.js 应用模板
• mitata，benchmark 工具
• newsnow，优雅阅读实时热门新闻
• fluid-tailwind，一个 Tailwind CSS 插件，更方便写响应式
• VideoLingo，一站式视频翻译本地化配音工具，能够一键生成 Netflix 级别的高质量字幕，告别生硬机翻，告别多行字幕，还能加上高质量的克隆配音
• Sink，一个基于 Cloudflare 的链接缩短器

应用推荐

• windsurf，又一个基于 VS Code 的 AI 编辑器，Codeium 出品，试用了一下，感觉不如 Cursor ...
• Pearcleaner，一个开源的 macOS 的清理工具，原生的，体积非常小
• pilipala，一个使用 Flutter 开发的 BiliBili 三方客户端

阅读推荐

• React drag to select
• Life of a Vercel request: What happens when a user presses enter
• Uncontrolled vs Controlled: A matter of perspective
• React useCallback() - A complete guide
• How to roll your own auth in JavaScript & TypeScript
• Essential tsconfig.json options you should use

// tsconfig.json
{
  "compilerOptions": {
    "incremental": true, // Enables incremental compilation, build only the changed code
    "strict": true, // Enables all strict type-checking options (best practice)
    "rootDir": "src", // Root directory of input files
    "outDir": "./build", // Output directory for compiled files
    "allowJs": true, // Allows JavaScript files to be compiled alongside TypeScript files.
    "target": "es6", // Specifies the ECMAScript target version
    "module": "NodeNext", // Sets the module system to use (commonjs, nodenext, esnext)
    "lib": ["es2024"], // Specifies the library files to be included in the compilation.
    "sourceMap": true, // Generates source maps for debugging
    "skipLibCheck": true, // Skips type checking of declaration files
    "noUnusedParameters": false, // Do not allow unused parameters in functions.
    "noUnusedLocals": false, // Similar to noUnusedParameters, but for local variables.
    "noUncheckedIndexedAccess": true, // it ensures that indexed access types are checked for undefined values,
    "esModuleInterop": true, // Enables compatibility with CommonJS modules, allowing default imports from modules with no default export.
    "resolveJsonModule": true, // Allows importing JSON files as modules
    "forceConsistentCasingInFileNames": true, // Ensures that file names are treated with consistent casing, which is important for cross-platform compatibility.,
    "noImplicitOverride": true, // This option requires that any method in a subclass that overrides a method in a superclass must explicitly use the override keyword.
    "noPropertyAccessFromIndexSignature": true, // This setting enforces that properties accessed via dot notation must be explicitly defined in the type.
    "allowUnreachableCode": false, // When set to false, this option raises errors for code that is unreachable, meaning it cannot be executed.
    "noFallthroughCasesInSwitch": true, // This option reports errors for switch statement cases that fall through without a break, return, or throw statement.
    "noErrorTruncation": true, // When enabled, this option prevents TypeScript from truncating error messages, providing full details about the error.
    "declaration": true // Generates corresponding .d.ts file
  },
  "include": ["src/**/*.ts"],
  "exclude": []
}

其他推荐

• origin-ui-easings，推荐过的 UI 库，每周出新，一组缓动函数，可以复制并粘贴到您的 Tailwind CSS 项目中
• allow-right-click，一个扩展，用于解锁被网站禁用的右键功能
• logo-creator，一个在线生成 Logo 的网站

个人周记

• 工作：一直忙新老项目解耦，也算告一段落
• 游戏：三角洲已然统帅五十颗星
• 运动：OvO
• 学习：React + Next 学习中