【漫谈周刊】006 - 再会的那天我心还在

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

开源项目推荐

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

Copy
// 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 学习中