Remix Snippets是一款专为TypeScript项目设计的实用工具，旨在通过提供易于记忆的原子化Remix代码片段，帮助开发者提升编程效率。在您的.ts或.tsx文件中，只需输入rr:（remix.run的缩写），即可快速访问和使用相应的代码片段。

使用方法：

在您的TypeScript文件中，输入rr:，即可浏览和选择适合的Remix代码片段，简化您的开发流程。

代码片段分类：

• 导入（Imports）： 提供与模块导入相关的代码片段，如rr:imp用于导入常用辅助函数、钩子和组件，rr:imp:types用于导入Remix提供的类型定义，rr:imp:util用于从~/utils导入模块。

• 类型定义（Types）： 包括用于类型数据的代码片段，如rr:type:LoaderData和rr:type:ActionData，分别用于定义路由的加载器数据和动作数据类型。

• 钩子（Hooks）： 提供Remix钩子相关的代码片段，如rr:use:loaderdata和rr:use:actiondata，用于分配useLoaderData和useActionData的返回值及其解构赋值。

• 加载器（Loader）： 提供与路由加载器相关的代码片段，如rr:loader用于定义路由的加载器，rr:loader:json用于使用json助手返回JSON数据。

• 动作（Action）： 提供与路由动作相关的代码片段，如rr:action用于定义路由的动作，rr:action:file用于定义文件上传动作，rr:action:redirect和rr:action:redirect:o用于从动作中重定向和带选项重定向。

• 头部（Header）： 提供与路由HTTP头部相关的代码片段，如rr:headers用于定义路由的HTTP头部。

• Cookie： 提供与Remix的Cookie API相关的代码片段，如rr:cookie:create用于创建Cookie。

通过Remix Snippets，您可以快速找到并使用这些代码片段，显著提高您的开发效率和代码质量。无论是新手还是经验丰富的开发者，都能从中受益，轻松应对Remix项目中的各种编程任务。