跟團隊一起開發專案的時候，每個人自己都會包許多自己有用到的component，可是當我們去看別人寫的元件時，很難一眼就看出這個元件的外觀長怎樣、可以傳入哪些參數、傳入的參數有什麼作用…等，甚至我們都需要先在某個頁面把這個元件引入來預覽，可是又因為不知道要傳哪些必填參數，倒是元件也顯示不出來。

storybook 就是在專案中幫你建立一個頁面，顯示所有有建立stories(stories是一個副檔名有.stories.js的檔案，例如：Button.stories.js)的 component，並且下面會有控制項讓你切換看看哪些參數分別會有哪些效果，這樣就可以很快速地知道別人的元件要怎麼使用，脫離瞎子摸象的開發方式。