Reactソフトウェアテスト(Hooks+ReduxToolKit時代のモダンテスト手法)

Name: Reactソフトウェアテスト(Hooks+ReduxToolKit時代のモダンテスト手法)
Rating: 4.3 (158 reviews)

React Testing Library + JESTを使った最新ソフトウェアテスト手法を解説。Redux ToolKitのIntegration Testや最新API Mock手法を解説。

(158 ratings)

1,352 students

Created by Kazu .T

Last updated 1/2022

Japanese

What you'll learn

React Testing Library+JEST を使ったReactテスト手法
React Hooksコンポーネントのテスト
API モック手法 (Mock Server Worker Library)
Redux ToolKit での統合テスト手法

Requirements

React HooksとRedux ToolKitの基礎知識
Mac OS

Description

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

Who this course is for:

React のソフトウェアテスト手法に興味のある方

Kazu .T

React, Rust, FastAPI, DRF, GraphQL

4.4 Instructor Rating
3,692 Reviews
12,782 Students
24 Courses

-現役エンジニア(大手外資系企業)

-Web application、AI ソフトウェア開発経験10年

-旧帝国大修士課程卒

＊Required skills for front end engineer (React) in 2021＊

＊----------------＊

・TypeScript

・React Hooks

・React-query : Server data state management

・Redux(Redux Toolkit) : Client state management

・Tailwind CSS or Chakra UI or Material UI

・React-testing-library + Jest

・Mock service worker

・Nextjs(SG, ISR, useSWR)

・Apollo Client 3(GraphQL)