这周一直循环方大同新专辑,太好听辣!
开源项目推荐#
- 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 学习中