フロントエンドエンジニアじゃないけれど React を書きたい人のための実践入門（後編） #Zaim｜くふうAIスタジオ

Zaim でサーバーサイドやフロントエンドを担当している takeshy です。先日の note の続きです。 後編は React でUIの開発に活用できるカタログツールである「Storybook」と、コンポーネントの記述で使う Javascript を拡張した構文「JSX」について掘り下げてみます。 StorybookPresentational Component は再利用性が高いため、Presentational Component を一覧で管理できる「Storybook」という Web アプリフレームワークが便利です。Storybook を使うことで、Component をカタログ化でき、索引性を高めたりデザイナーの方がデザイン調整をしやすくなったりします。 実行手順 前編で紹介した単語変換のサンプルアプリが動作する環境であることが、前提です。ターミナルで以下を実行します。 cd