Broot
在终端中展示目录概览,可以用来替代 tree
命令,使用 rust 实现
- 获取大目录时会隐藏文件
- 直接 cd 到某个目录中
- 操作文件
- 预览文件
- 使用面板管理文件
- 将命令直接应用与文件
- …
Svisualize
一个Visual Studio Code扩展,可以在您编写[[Svelte]] 代码时将组件可视化显示出来,地址svisualize.dev
Enhance React.dev
一个针对 [[React]] 官方文档开发的浏览器插件,用于增强浏览文档的体验,当查看某些概念时,可以直接看到对应的网络上关于该主题的高级主题 链接:Deeper Dive Chrome Extension - Enhance React.dev
Pragmatic drag and drop
一个用于实现拖放的工具链,可安全且成功地使用浏览器内置的拖放功能。它可以与任何前端框架(如React、Svelte、Vue、Angular等)一起使用,并已应用于一些网络上最大的产品,包括Trello、Jira和Confluence
- 可与自定义设计系统配合使用,核心功能与一系列可选包分离,方便根据自身技术栈和视觉输出进行替换。
- 可以使用自定义设计语言,不受限于作者制定的设计指南。 链接:GitHub - atlassian/pragmatic-drag-and-drop: Fast drag and drop for any experience on any tech stack 预览地址:Examples - index - Components - Atlassian Design System
Svelte UX
Svelte 组件、操作、存储和实用工具合集,用于构建高度交互的应用程序。传送 -> GitHub - techniq/svelte-ux: Collection of Svelte components, actions, stores, and utilities to build highly interactive applications.
Emoji Blast
像烟花一样在 HTML 页面上喷射表情符号, Github -> GitHub - JoshuaKGoldberg/emoji-blast: Blasts emoji like fireworks all up in your HTML page. 🎆
Sveltekit Superforms
Superforms 是一个 SvelteKit 表单库,Svelte Hack 2023 最佳库的获得者,提供了服务端和客户端表单验证的全面解决方案,支持[[Zod]]、VineJS等多种验证库,并具有完整的类型安全。WebSite => Superforms - Form library for SvelteKit
Post
- Mastering React JS SOLID Principles: A Guide to Writing Scalable and Maintainable Code - SOLID 原则在 React 中的应用
- React useEffect and objects as dependency - 4 approaches to avoid unnecessary re-renders - React useEffect 讲对象作为依赖时,避免不必要渲染的四种方式
- JavaScript Visualized - Promise Execution - 可视化 JavaScript Promise
其他
- VSCode 1.88 更新,现在 Activity Bar 可以放在下面了 -> Visual Studio Code March 2024