|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/reacthooksreduxtoolkit/
课程评论:没有评论
React ソフトウェアテスト:Hooks + Redux Toolkit 時代のモダンテスト手法 本コースでは、React 18 以降のプロジェクトで必須となる React Testing Library を用いたモダンなテスト手法を徹底解説します。2018 年にリリースされ、ユーザーの挙動に近いテストを実現する React Testing Library は React 公式にも推奨されており、特に Hooks との相性が良いため人気が急上昇しています。Hooks 時代のテストスキルを習得したい方におすすめです。 **コース内容:** 1. **Rendering テスト**: コンポーネントのレンダリング結果をテストします。 2. **userEvent によるユーザー動作シミュレーションとテスト (useState)**: `userEvent` ライブラリを使用し、ユーザーのクリックや入力などの操作をシミュレーションしてコンポーネントの動作をテストします。`useState` を使用したコンポーネントを例に解説します。 3. **useEffect テスト**: 副作用(API 通信など)を伴う `useEffect` のテスト方法を学びます。 4. **API Mocking (Mock Server Worker Library) 手法**: 実際の API 通信を行わずに、モックサーバーを用いて API レスポンスを再現し、バックエンドに依存しないテストを実現します。 5. **Redux Toolkit reducer/ExtraReducer テスト**: Redux ToolKit の `reducer` および `extraReducer` のテスト方法を解説します。 6. **Redux Toolkit Integration Test: Redux / AsyncThunk 非同期テスト**: Redux ToolKit の非同期処理である `AsyncThunk` のテストを、Redux ストアとの連携を含めて行います。 7. **Redux Toolkit Integration Test: AsyncThunk + Mock API 非同期 + API Mock テスト**: 非同期処理と API モックを組み合わせた、より実践的な統合テストを行います。 8. **Testing Custom Hooks**: 独自に作成したカスタム Hooks のテスト方法を学びます。 Hooks と Redux ToolKit が主流となっている現代の React 開発において、React Testing Library を活用した堅牢なテストプラクティスを身につけましょう。
2018年にリリースされたReact Testing Libraryは、よりユーザー挙動に近いテストを実行できるツールとしてReactも公式に採用を推奨しています。また、従来のEnzymeよりReact Hooksとの相性がよく、React Testing Libraryの人気が急激に上がっています。Hooks 時代の必須テストスキルに乗り遅れないために、本コースでReact Testing Libraryの使い方を解説していきます。コース内容1. Rendering テスト2. userEventによるユーザー動作シミュレーションとテスト(useState)3. useEffect テスト4. API Mocking (Mock Server Worker Library) 手法5. [Redux ToolKit] reducer/ExtraReducer テスト6. [Redux ToolKit Integration Test] Redux / AsyncThunk 非同期テスト7. [Redux ToolKit Integration Test] AsyncThunk + Mock API 非同期 + API Mock テスト8. Testing Custom Hooks