StorybookのV5.0がリリースされました。 Storybook+React+TypeScriptで試してみたので、内容をまとめてみました。 インストールからサンプルのコンポーネント作成と、GitHub Pagesへのデプロイまで記載しています。 まだドキュメントが古いものも多く、試行錯誤しながらでしたが、V4までと比べてTypeScript周りの設定が楽になった気がします。 なお、手順はNode.jsやcreate-react-appはインストール済みの前提です。 ソース デモ 2019/03/09追記 @storybook/addon-consoleを追加 *.stories.jsもストーリの対象に追加 src/stories/*のjsとjsxはストーリ対象とするように修正 withInfoをaddDecoratorで指定するように変更 土台の作成 まず、create-react
![Storybook V5+React+TypeScriptで環境構築 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/58fa87a3d0f91694cdce90a30b3e384d13573f0c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9U3Rvcnlib29rJTIwVjUlMkJSZWFjdCUyQlR5cGVTY3JpcHQlRTMlODElQTclRTclOTIlQjAlRTUlQTIlODMlRTYlQTclOEIlRTclQUYlODkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTFjYjE1MWExMmQ1YTU3NTlkOWU1NWYzZDgwYjJjMzIy%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwb3RhbnUmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTg4MTIzNTM4NTY4Njc0Y2NhMjE0ZGViZTAyNGU0M2Zj%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3De707c519b30543917e3e3a4149e9d040)