りゅうじの学習blog

学習したことをアウトプットしていきます。

storybook

6/26 mswと Redux Toolkitを組み合わせて使う

MSW (Mock Service Worker) MSW はブラウザのネットワークリクエストをインターセプトし、モックのレスポンスを返すことができるツールです。これにより、実際のサーバーと通信することなく、API のレスポンスをシミュレートすることができます。 コンポーネ…

6/21 コンポーネント駆動開発、簡易な導入手順まとめ

使うライブラリ・パッケージと概要 React, TypeScript, Storybook: ReactはJavaScriptライブラリであり、ユーザーインターフェイスの構築を容易にします。TypeScriptはJavaScriptのスーパーセットで、型安全性を提供し、バグを早期に発見し、コードのリーダ…

6/14 Storybook const Template = (args) => <Button {...args} />;について

const Template = (args) => <Button {...args} />; がよくわからなかったので調べました まずそれぞれの関係性の把握から StorybookとTemplate関数、そしてButtonコンポーネントの関係を示す図 Storybookは、異なる状態を表現するためのargsをTemplate関数に提供します。 Templa</button>…