スマレジエンジニアyushiのブログ

スマレジエンジニアのブログ

Storybook

【コンポーネント #4】Buttonコンポーネントを作る

引き続きComponentライブラリを作っていきます。 yushi-dev.hatenablog.com 技術スタックは下記の通りです。 TypeScript React Bulma vite Bulma Storybook ESLint Prettier asdf Buttonコンポーネントを作る HTMLの <button /> に対してBulmaでデザイン装飾をしたり、</button>…

【コンポーネント #3】CIの導入・ClassName管理のHook化

引き続きComponentライブラリを作っていきます。 yushi-dev.hatenablog.com 技術スタックは下記の通りです。 TypeScript React Bulma vite Bulma Storybook ESLint Prettier asdf Prettier・CIの導入 プロジェクトを作ったらとりあえずPrettierを入れておき…

【コンポーネント #2】依存ライブラリの導入

引き続きComponentライブラリを作っていきます。 yushi-dev.hatenablog.com TypeScriptとReactベースで、CSSはBulmaを利用します。 下記のツール等を利用します。 TypeScript React Bulma vite Storybook ESLint Prettier asdf Storybookの導入 下記のコマン…

【コンポーネント #1】ReactでComponentライブラリをつくってみる

今回よりComponentライブラリを作っていきます。 TypeScriptとReactベースで、CSSはBulmaを利用します。 その他には下記のツール等を利用します。 vite Storybook ESLint Prettier asdf 初期準備 まずasdfでnode.jsのバージョンを固定します。 node.jsのバー…