【Reactテスト入門】React Testing Library/Jest/Vitestで学ぶフロントエンドテスト入門

プロジェクト開発でフロントエンドテストは重要です。バグの早期発見や開発速度の向上、何よりも開発者が安心してコーディングできる環境を作ることができます。今までテストに触れて来なかった方、実務でテストを書く必要になった方にオススメの講座です。

4.47 (87 reviews)
Udemy
platform
日本語
language
Web Development
category
instructor
【Reactテスト入門】React Testing Library/Jest/Vitestで学ぶフロントエンドテスト入門
1 007
students
5 hours
content
Feb 2024
last update
$39.99
regular price

What you will learn

テストとは何か?なぜテストする必要があるのかが分かる

フロントエンドテストの基礎が理解できる

React環境でテストを実装する方法が分かる

Testing Library/Jest/vitestを使ってテストを書くことができる

TDDの意味とハンズオンでTDD設計の流れが分かる

Jestのwatchモードについて理解できる

describeを使ってテストのグルーピングテストが実装できる

カバレッジテストの意味とその使い方が分かる

簡単なフォームを作成しながらTesting Library/Jestのクエリが学べる

RTLクエリ(get/query/find)の基礎が分かる

RTLクエリの優先度について理解できる

複数要素が存在する場合のDOMテストが分かる

非同期処理のテスト実装方法が分かる

Testing Playground拡張機能の使い方が分かる

ユーザーイベントテスト手法が学べる

user-eventライブラリを使ってクリックやキーボードインタラクションテストが実装できる

Reactのカスタムフックスの実装とそのテストができる

mswの基礎を学んでWebAPIモックテストができる

エラーハンドリングテストが実装できる

vite/vitestを使ったモダンReact開発環境が学べる

eslint/prettierのセットアップ方法が分かる

lint-staged/Huskyの意味と実装方法が分かる

Why take this course?

🎓 【Reactテスト入門】Master React Testing Library/Jest/Vitest for Frontend Testing 🎓


この講座で学べること

本講座では、 Reactのテストライブラリ (React Testing Library、Jest、Vitest)を使った フロントエンドテストに焦点を当てます。単体テストに特化しつつあり、テストの基本から実際のコードに適用まで、手軽に学べる内容となっています。


講座のハイライト 🔹

  • テストの基本理解:テストがなぜ重要なのか、そしてどのように進めるのかの概念を学びます。
  • 実践的な手順:React Testing LibraryやJest、Vitestのテストを書きながら、具体的な流れとテクニックを身につける経験が得られます。
  • ハンズオン学習:理論だけでなく、実際のコードに手を付けて学べる实践的なセッションが含まれています。

本コースの対象者

  • 初めての方:Reactのテストに触れたことがありませんが、学びたい方。
  • 実務への適用予定の方:今からReact Testing LibraryやJest、Vitestを使ってフロントエンドテストを行うことになる人。
  • テスト導入の苦手です:フロントエンドの単体テストの導入方法や流れが不安な方。
  • 品質向上とバグ発見のニーズある方:プロジェクト内でコード品質を向上させたり、早期にバグを発見したい人。
  • テスト戦略の理解と適用を望む方:単体テストの重要性や実施方法を学びたい人。

受講前にご注意ください

  • 基本文법とルール:HTML/CSS/JavaScriptの基本的な文法とルールに精通していることが期待されます。
  • Reactの基礎知識:この講座ではReactの基礎知識を前提としております。コンポーネントやJSX記法など、Reactに関する基本的な知識がある方が受講に役立つでしょう。
  • JavaScriptの経験:ある程度Javascriptを触ったことがある人だけでなく、受講がスムーズに行けるです。

🌟 プロジェクト開発でフロントエンドテストは不可欠です。バグの早期発見や開発速度の向上、何よりも開発者が安心してコーディングできる環境を作ることができます。今までテストに触れて来なかった方、実務でテストを書く必要になった方にオススメの講座です。


この講座を通じて、Reactのテストに嫌われるようになりましょう。テストを駆使して、より安定したお客さんへとサービスを提供できるようになります。今こそReactテストの世界に足を踏み入れしましょう! Let's dive into the world of React testing together! 🎉✨

Screenshots

【Reactテスト入門】React Testing Library/Jest/Vitestで学ぶフロントエンドテスト入門 - Screenshot_01【Reactテスト入門】React Testing Library/Jest/Vitestで学ぶフロントエンドテスト入門 - Screenshot_02【Reactテスト入門】React Testing Library/Jest/Vitestで学ぶフロントエンドテスト入門 - Screenshot_03【Reactテスト入門】React Testing Library/Jest/Vitestで学ぶフロントエンドテスト入門 - Screenshot_04
5744722
udemy ID
04/01/2024
course created date
27/01/2024
course indexed date
Bot
course submited by