【初心者のためのStorybook入門】UIコンポーネント管理の基礎から学ぶStoryBook入門講座

Reactで構築したUIコンポーネントをStoryBookでプロジェクトチーム内で共有する方法を本講座では学びます。コンポーネント駆動開発(CDD)しながらStoryBookの理解を深め、実務で使えるStoryBookの技術力を身に着けます
4.20 (22 reviews)
Udemy
platform
日本語
language
Web Development
category
instructor
【初心者のためのStorybook入門】UIコンポーネント管理の基礎から学ぶStoryBook入門講座
370
students
4 hours
content
Mar 2024
last update
$19.99
regular price

What you will learn

StoryBookの基礎と実装方法が分かる

なぜStoryBookをプロジェクトで使うのかが理解できる

StoryBookでUIカタログを追加する方法が分かる

Todoリストを例にしてStoryBookを利用する手順が分かる

StoryBookにアドオンを追加する方法が分かる

Reactでpropsに型を定義する方法が分かる

スプレッド構文でオブジェクトコピー&上書きする方法が分かる

コンポーネント駆動開発(CDD)について理解と実装ができる

Reduxとは何か?Reduxを図解で簡単に理解できる

Redux Toolkitを使って状態管理する方法をStoryBookと一緒に理解できる

useSelector/useDispatchの意味と実装ができる

StoryBookにデータ接続する方法が分かる

デコレーターを利用して追加CSSをカタログに追加する方法が分かる

useSelector/useDispatchを使ったReduxの状態管理ができる

mswを使ったAPIモックテスト手法が学べる

インタラクションテスト専用のアドオンを入れてテストができる

テストランナーを使用してテストを自動化できる

完成したStoryBookをビルドできる

ビルドした静的StoryBookファイルをChromaticへデプロイできる

デプロイ後のStoryBookのビジュアルテスト手法が分かる

StoryBookのコントロールを利用してエッジケース検出が出来る

Screenshots

【初心者のためのStorybook入門】UIコンポーネント管理の基礎から学ぶStoryBook入門講座 - Screenshot_01【初心者のためのStorybook入門】UIコンポーネント管理の基礎から学ぶStoryBook入門講座 - Screenshot_02【初心者のためのStorybook入門】UIコンポーネント管理の基礎から学ぶStoryBook入門講座 - Screenshot_03【初心者のためのStorybook入門】UIコンポーネント管理の基礎から学ぶStoryBook入門講座 - Screenshot_04
5700840
udemy ID
12/9/2023
course created date
12/26/2023
course indexed date
Bot
course submited by