CJHarmath

为React应用程序创建一致且响应式的样式需要了解多种CSS方法。本技能提供可直接使用的Tailwind CSS、CSS Modules和组件变体模式，可提高开发速度。

构建 React 应用需要正确的路由与导航模式。该技能提供可直接使用的 React Router v6 和 Next.js App Router 代码示例，涵盖嵌套路由、动态片段和编程式导航。

需要部署 React 应用，但不确定最佳平台和配置？此技能提供可直接使用的 Vercel、Netlify、Docker 以及 CI/CD 流水线部署方案，并包含安全最佳实践。

在React中构建安全的登录流程和会话管理需要了解多种身份验证模式。本技能提供生产环境就绪的代码示例，涵盖JWT、OAuth、Cookie和保护路由。

React Native 中的 Zustand 状态管理存在一些微妙的时间行为，会导致难以调试的问题。本技能提供了经过验证的模式来处理同步 set() 调用、避免异步操作中的过时闭包问题，以及实现可靠的存储订阅。

为 React Native 应用编写测试需要了解如何模拟原生模块、处理异步状态以及测试 Zustand 存储。本技能提供经过验证的模式和代码示例，帮助构建可靠的测试套件。

React Native 样式与 Web CSS 不同。此技能提供经过验证的 NativeWind、BrandColors、平台特定样式和响应式布局模式,用于构建一致的跨平台移动 UI。

React Native 中的复杂多步骤操作容易出现顺序错误和未测试的边缘情况。此技能提供了建模状态转换、实现经过验证的流程步骤以及向 UI 展示流程状态的模式。

静默失败会造成调试噩梦。使用日志记录模式、错误消息设计和结构化调试技术来快速诊断生产环境问题。

React Native 应用经常遭受滚动卡顿、不必要的重新渲染和列表性能缓慢的问题。此技能提供了经过验证的 FlatList 优化、记忆化和状态管理模式,可以消除性能瓶颈。

React Native 应用需要适当的导航架构来支持标签栏、模态框和深度链接。本技能提供经过验证的 Expo Router 生产应用模式。

构建需要 iOS 原生能力(如相机、推送通知、触觉反馈和安全存储)的 Expo React Native 应用需要特定于平台的模式。此技能提供了可直接使用的代码示例,帮助正确实现这些功能,包含适当的权限处理和 Expo 最佳实践。

React Native 身份验证需要仔细处理 OAuth 流程、安全令牌存储和会话管理。此技能提供经过实战检验的模式,用于实现 Google 登录、使用 SecureStore 存储令牌、使用 Expo Router 保护路由以及后端集成。

React Native 应用中的异步错误通常在开发环境中正常运行,但在负载下会失败。此技能提供了检测和修复基于 Zustand 的状态管理中的竞态条件、浮动 Promise 和异步时序问题的模式。

Zustand 的简洁性隐藏了可能导致细微 bug 的时序复杂性。了解同步 set() 行为、旧闭包预防、异步操作和选择器优化模式，编写可靠的 React 状态管理。

测试 React 组件需要理解组件渲染、用户交互和异步状态管理。此技能提供了 Jest 和 React Testing Library 的即用模式,帮助您为组件、store、hooks 和异步操作编写可靠的测试。

具有异步依赖的多步骤 React 操作容易出现排序错误和缺失前置条件问题。本技能为 React Web 和 React Native 应用程序中实现稳健的状态机模式提供模式和检查清单。

React 应用程序经常遭受不必要的重新渲染和缓慢的列表渲染,导致用户体验不佳。此技能提供专业的 memoization、虚拟化、代码拆分和性能分析模式,帮助构建快速、响应迅速的 React 应用程序。

静默失败会让调试变得不可能。本技能教你编写内置可观测性的 React 代码，包含结构化日志、带上下文的错误信息，以及适用于生产的调试模式。

React 中的异步 Bug 常常在开发环境正常，但在高负载下失败。本技能提供经过实战验证的模式，处理浮动 Promise、竞态条件以及与 Zustand 和 React Query 相关的异步时序问题。

异步测试需要特定的模式，这些模式与同步代码不同。本技能提供可直接使用的模式，包括 pytest-asyncio 配置、异步夹具、模拟异步函数和数据库测试隔离。

SQLModel 结合了 Pydantic 和 SQLAlchemy，这会造成模型和模式的混淆。异步 SQLAlchemy 与同步有不同的规则。本技能提供经过测试的模式，包括预加载、关系、会话和常见的数据库操作。

Pydantic v2 与 v1 相比有重大的 API 变更。本技能提供了经过验证的验证、序列化和模式设计模式，帮助您迁移并构建健壮的数据模型。

没有可观测性，生产问题几乎无法调试。静默失败和错误上下文缺失会延长故障持续时间。本技能提供 Python 后端的日志、指标、追踪和错误跟踪模式。