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

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

4.50 (13 reviews)
Udemy
platform
日本語
language
Web Development
category
instructor
【Reactテスト入門】React Testing Library/Jest/Vitestで学ぶフロントエンドテスト入門
174
students
5 hours
content
Feb 2024
last update
$84.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のテストライブラリ**](https://react-testing-library.pentadocs.io/) **(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

Charts

Price

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

Rating

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

Enrollment distribution

【Reactテスト入門】React Testing Library/Jest/Vitestで学ぶフロントエンドテスト入門 - Distribution chart
5744722
udemy ID
1/4/2024
course created date
1/27/2024
course indexed date
Bot
course submited by