CJHarmath

Reactアプリケーションの一貫したレスポンシブスタイルを作成するには、複数のCSSアプローチを理解する必要があります。このスキルは、Tailwind CSS、CSS Modules、およびコンポーネントバリアントの開発速度を向上させるすぐに使えるパターンを提供します。

Reactアプリケーションを構築するには、適切なルーティングとナビゲーションパターンが必要です。このスキルでは、React Router v6とNext.js App Routerのネストされたルート、動的セグメント、プログラムによるナビゲーションを含む、すぐに使えるコードサンプルを提供します。

Reactアプリケーションをデプロイしたいが、最適なプラットフォームや設定が分からない方向け。このスキルは、Vercel、Netlify、Docker、CI/CDパイプライン向けのすぐに使えるデプロイパターンと、セキュリティのベストプラクティスを提供します。

Reactでセキュアなログインフローとセッション管理を構築するには、複数の認証パターンを理解する必要があります。このスキルでは、JWT、OAuth、クッキー、保護されたルートのための本番環境で使用できるコード例を提供します。

React Native における Zustand 状態管理には、デバッグが困難な問題を引き起こす微妙なタイミング動作があります。このスキルは、同期的な set() 呼び出しを処理し、非同期操作での古いクロージャを回避し、信頼性の高いストアサブスクリプションを実装するための実証済みパターンを提供します。

React Nativeアプリのテスト作成には、モックネイティブモジュールの扱い、非同期状態の処理、Zustandストアのテストについて理解する必要があります。このスキルは、信頼性の高いテストスイートのための実証されたパターンとコード例を提供します。

React NativeのスタイリングはウェブのCSSとは異なります。このスキルは、一貫したクロスプラットフォームモバイルUIを構築するために、NativeWind、BrandColors、プラットフォーム固有のスタイル、レスポンシブレイアウトの実証済みパターンを提供します。

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ベースのステート管理における競合状態、浮遊プロミス、非同期タイミングの問題を検出して修正するためのパターンを提供します。

Zustandのシンプルさの裏には微妙なバグを引き起こすタイミングの複雑さが隠れています。同期的なset()動作、スタルクローシャの防止、非同期アクション、セレクター最適化のパターンを学び、信頼性の高いReactステート管理を書きましょう。

Reactコンポーネントのテストには、コンポーネントのレンダリング、ユーザーインタラクション、非同期状態管理を理解する必要があります。このスキルは、JestとReact Testing Libraryで使用可能なパターンを提供し、コンポーネント、ストア、hooks、非同期操作のための信頼性の高いテストを作成するのに役立ちます。

非同期依存関係を持つマルチステップReact操作は、順序のバグや前提条件の欠落が発生しやすいです。このスキルは、React WebおよびReact Nativeアプリケーションで堅牢なステートマシンパターンを実装するためのパターンとチェックリストを提供します。

Reactアプリケーションは不要な再レンダリングやリストのレンダリング遅延により、ユーザーエクスペリエンスを低下させることがあります。このスキルは、的高速でレスポンシブなReactアプリケーションを構築するためのメモ化、仮想化、コード分割、パフォーマンスプロファイリングの専門家向けパターンを提供します。

サイレント障害はデバッグを不可能にします。このスキルでは、構造化ロギング、コンテキスト付きエラーメッセージ、本番環境対応のデバッグパターンを通じて、組み込みの観測可能性を持つReactコードの書き方を学びます。

Reactの非同期バグは開発環境では動作するものの、負荷がかかると失敗することがよくあります。このスキルは、ZustandとReact Queryを使用した浮遊Promise、競合状態、非同期タイミング問題に対する実戦で検証されたパターンを提供します。

非同期テストには、同期コードとは異なる特定のパターンが必要です。このスキルは、pytest-asyncioの設定、非同期フィクスチャ、モック化、非同期関数、およびデータベーステストの分離のためのすぐに使えるパターンを提供します。

SQLModelはPydanticとSQLAlchemyを組み合わせたものであり、モデルとスキーマについて混乱を招きます。Async SQLAlchemyは同期版とは異なるルールを持っています。このスキルは、周年読み込み、リレーションシップ、セッション、一般的なデータベース操作のためのテスト済みパターンを提供します。

Pydantic v2はv1から大幅なAPI変更があります。このスキルは、バリデーション、シリアライゼーション、スキーマ設計の実証済みパターンを提供し、堅牢なデータモデルの移行と構築を支援します。

可観測性なしでは本番環境の問題をデバッグすることは不可能です。サイレント障害やエラーのコンテキスト不足はインシデントを長引かせます。このスキルは、Pythonバックエンド向けのログ記録、メトリクス、トレーシング、エラー追跡のパターンを提供します。