這周一直循環方大同新專輯,太好聽辣!
開源項目推薦#
- 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 學習中