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

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

4.10 (278 reviews)
Udemy
platform
日本語
language
Network & Security
category
instructor
Reactソフトウェアテスト(Hooks+ReduxToolKit時代のモダンテスト手法)
2,675
students
4.5 hours
content
Apr 2024
last update
$19.99
regular price

What you will learn

React Testing Library+JEST を使ったReactテスト手法

React Hooksコンポーネントのテスト

API モック手法 (Mock Server Worker Library)

Redux ToolKit での統合テスト手法

Why take this course?

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


Screenshots

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

Reviews

十文字拓間
June 21, 2023
コードと実行結果を見ながら説明を聞けるのでわかりやすい。ただ、基本知識がない部分については「なぜそのコードを書いているのか」「何をやろうとしているのか」がわからないものもあった。自分の知識をつけた後、もう一度観なおしたい。
Leaf
January 5, 2023
この講師には珍しくコピペ連打が少なめ その上内容はなかなか珍しく、それでいて実務で必須なReactのユニットテストなのでこれ以上ない程満足な内容 次はNextjsの講義も受ける予定ですがそっちも同じような感じだといいなあ
yuu
May 27, 2022
この人の動画は最新の知識とかを得れるのでめちゃくちゃ好きです! 個人的な希望としては全部TypeScriptにしてほしいです。 Atomic Designとかを利用して、UIをどういうふうに構築していくかの講座があれば買いたいのでぜひご検討よろしくおねがいします。
Yuuki
April 8, 2022
テストに関する前提知識がある程度ないと難しい。 テストについてHowの部分は網羅されており実行方法などのキャッチアップとしてはとても良い教材だと思う。 Whyの部分は少なく、結果的にコードの模写になってしまった。 講師の方の声はとても聞きやすい。 口癖?(〇〇ですね。)が多く、気になった。
Y
March 27, 2021
Reactは書けるけど、テストは書いたことない状態での受講です。 コース内容のとおり、一通りのテストを習得することができます。 土台は習得できるので、公式のリファレンスを頼ってテストコードは書いていけそうです。 あとコースはテストに注力してて、バックエンドのソースを書いたりせず、純粋にテストだけに時間を使えたのが良かったです。
Masakinihirota
September 17, 2020
講義内容は良いです、発音もよく1.5倍速でも聞き取れます、ただ画面の文字が小さく見にくいですズームもしてくれるしソースもあるので問題はないのですが学習する時少し工夫が必要です、それに講義の動画が長いです、15分ぐらいの講義動画にして欲しいです、動画で学習すると必ず一時停止や巻き戻しを何度かやるので終わるまで2倍ぐらいの時間がかかるからです。

Charts

Price

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

Rating

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

Enrollment distribution

Reactソフトウェアテスト(Hooks+ReduxToolKit時代のモダンテスト手法) - Distribution chart
3399722
udemy ID
8/7/2020
course created date
8/13/2020
course indexed date
Bot
course submited by