Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供するライブラリでもあります。今回はStorybookというツールの使用方法を利用してコンポーネントのカタログを作ることで、高速に動作確認を行う方法を学びましょう。 対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactに興味/関心があり、これから学び始める方 前提環境 筆者の検証環境は以下の通りです。 macOS Sierra 10.12 Node.js v8.9.3/npm 5.5.1 React 16.1.1 @storybook/react 3.3.9 コンポーネントと品質 アプリケーションというものは、開発を進めるにつれて大きく、複雑な機能を持つようになります。 一方で、すべての機能を1つの画面に詰め込んでしまうと使い勝手が悪