跟團隊一起開發專案的時候，每個人自己都會包許多自己有用到的component，可是當我們去看別人寫的元件時，很難一眼就看出這個元件的外觀長怎樣、可以傳入哪些參數、傳入的參數有什麼作用…等，甚至我們都需要先在某個頁面把這個元件引入來預覽，可是又因為不知道要傳哪些必填參數，倒是元件也顯示不出來。
storybook 就是在專案中幫你建立一個頁面，顯示所有有建立stories(stories是一個副檔名有.stories.js的檔案，例如：Button.stories.js)的 component，並且下面會有控制項讓你切換看看哪些參數分別會有哪些效果，這樣就可以很快速地知道別人的元件要怎麼使用，脫離瞎子摸象的開發方式。
這邊用的是storybook 6.1.14＋react，我記得太舊storybook的版本還沒有這個功能，建議都先升級到6以上的版本，但是輸出stories的寫法會不同，升級前須再確認一下喔。
官方網站設計 , 設計品牌 , 台北品牌設計 , 台南品牌設計 , 品牌設計 , LOGO設計 , 台北LOGO設計 , 台南LOGO設計 , 名片設計 , 台北名片設計 , 台南名片設計 , CIS企業識別設計 , 設計LOGO , 台北設計LOGO , 台南設計LOGO , 視覺設計 , 網頁設計 , 台北網頁設計 , 台中網頁設計 , 台南網頁設計 , 高雄網頁設計 , 網站設計 , 台北網站設計 , 台中網站設計 , 台南網站設計 , 高雄網站設計 , 官網設計 , 台北官網設計 , 台中官網設計 , 台南官網設計 , 高雄官網設計 , 公司官網設計 , 形象官網設計 , 產品官網設計 , 響應式網頁設計 , 響應式網站設計 , 公司網頁設計 , 教會網站設計設計 , 婚攝 , 婚禮攝影 , 婚紗攝影 , 婚攝推薦 , 美式婚禮攝影 , 美式婚紗攝影 , 孕婦寫真 , 親子寫真 , 家庭寫真 , 美式風格婚紗攝影 , 美式風格婚禮攝影 , 台北美式婚禮攝影推薦 , 網站設計 , 網頁設計 , 響應式網頁設計 , SEO最佳化 , SEO搜尋引擎最佳化 , 血壓量測 , 腕式血壓計 , 全自動手臂式血壓計 , 心房顫動偵測 , 體溫計 , 耳溫槍 , 額溫槍 , 熱敷墊 , 電毯 , 中風 , 高血壓 , 血壓計 , 血壓計推薦 , 血壓計品牌 , 歐姆龍 , 百靈 , 台北攝影棚出租 , 台北攝影棚租借 , 攝影棚出租 , 攝影棚租借 , 攝影場地租借 , 專業形象照 , 形象照拍攝 , 個人形象照 , 孕婦禮服出租 , 孕婦禮服租借 , 自助婚紗 , 自助婚紗攝影 , 台北攝影棚出租推薦 , 台北專業形象照推薦 , 孕婦禮服出租推薦 , 自助婚紗推薦 , 婚攝 , 婚禮攝影 , 婚禮紀錄 , 台北親子寫真 , 台南親子寫真 , 台中親子寫真 , 高雄親子寫真 , 台北兒童寫真 , 台南兒童寫真 , 台中兒童寫真 , 高雄兒童寫真 , 台北親子寫真推薦 , 台南親子寫真推薦 , 台中親子寫真推薦 , 高雄親子寫真推薦 , 台南家庭寫真 , 台中家庭寫真 , 高雄家庭寫真 , 台南全家福 , 台中全家福 , 高雄全家福 , 婚攝 , 台南婚攝 , 婚禮攝影 , 自助婚紗 , 台南婚禮攝影 , 台南婚禮攝影推薦 , 新秘 , 新娘秘書 , 新娘造型 , 高雄新秘推薦 , 台北新秘推薦 , 新秘Yuki , 白色夢幻新秘Yuki , 新娘秘書Yuki , 新娘助理 , 高雄新秘 , 台北新秘 , 婚禮婚紗造型 , 新娘妝髮造型 , 新秘彩妝造型 , 自助婚紗造型 , 台北新娘秘書推薦 , 高雄新娘秘書推薦 , 花草風造型 , 自然風格造型 , 室內香氛 , 居家香氛 , 房間香氛 , 空間香氛 , 香氛蠟燭 , 香氛精油 , 居家香精 , 精油香氛 , 居家香氛擴香 , 香氛蠟燭推薦 , 房間香氛推薦 , 香氛品牌推薦 , 嚴選香氛 , 香氛推薦 , 精油推薦 , 高雄葬儀社 , 高雄生命禮儀 , 高雄殯葬服務 , 屏東葬儀社 , 屏東生命禮儀 , 屏東殯葬服務 , 土地整合 , 土地開發 , 投資辦公室 , 廠辦整合規劃 , 工業地 , 徵收土地 , 寵物氧氣機 , 寵物活氧機 , 寵物專用氧氣機 , 寵物呼吸機 , 狗用氧氣機 , 貓用氧氣機 , 犬貓氧氣機 , 寵物魚油 , 犬貓魚油 , 貓用魚油 , 犬用魚油 , 狗魚油 , 貓魚油 , 婚禮顧問 , 婚顧 , 婚禮企劃 , 婚禮主持 , 雙語婚禮主持 , 英文婚禮主持 , Wedding mc , Wedding Planner , Bilingual Wedding , Wedding mc in Taiwan , Wedding mc in Taipei , Wedding Planner in Taiwan , Wedding Planner in Taipei , Bilingual Wedding mc in Taiwan , Bilingual Wedding mc in Taipei , 婚禮顧問推薦 , 婚禮企劃推薦
官方網站設計 , 設計品牌 , 台北品牌設計 , 台南品牌設計 , 品牌設計 , LOGO設計 , 台北LOGO設計 , 台南LOGO設計 , 名片設計 , 台北名片設計 , 台南名片設計 , CIS企業識別設計 , 設計LOGO , 台北設計LOGO , 台南設計LOGO , 視覺設計 , 網頁設計 , 台北網頁設計 , 台中網頁設計 , 台南網頁設計 , 高雄網頁設計 , 網站設計 , 台北網站設計 , 台中網站設計 , 台南網站設計 , 高雄網站設計 , 官網設計 , 台北官網設計 , 台中官網設計 , 台南官網設計 , 高雄官網設計 , 公司官網設計 , 形象官網設計 , 產品官網設計 , 響應式網頁設計 , 響應式網站設計 , 公司網頁設計 , 教會網站設計設計 , 婚攝 , 婚攝Allen , 婚禮攝影 , 婚禮紀錄 , 婚攝推薦 , 婚攝 , 婚攝 , 婚攝 , 寒舍艾美婚攝推薦 , 文華東方婚攝推薦 , 君品酒店婚攝推薦 , 諾富特婚攝推薦 , 萬豪酒店婚攝推薦 , 婚攝Vincent , 婚攝 , 婚攝 , 婚攝 , 台北婚攝 , 台中婚攝 , 台南婚攝 , 高雄婚攝 , 美式婚攝 , 婚禮攝影美式 , 婚禮攝影推薦 , 婚禮攝影 , 婚禮攝影 , 婚攝推薦 , 婚禮紀錄 , 婚紗攝影 , 寒舍艾美婚攝 , 婚禮攝影 , 自助婚紗 , 婚攝 , 婚攝推薦 , 婚攝小寶 , 婚禮攝影 , 自助婚紗 , 婚禮紀錄 , 婚攝 , 婚禮攝影 , 婚紗攝影 , 婚攝推薦 , 美式婚禮攝影 , 美式婚紗攝影 , 孕婦寫真 , 親子寫真 , 家庭寫真 , 美式風格婚紗攝影 , 美式風格婚禮攝影 , 台北美式婚禮攝影推薦 , 網站設計 , 網頁設計 , 響應式網頁設計 , SEO最佳化 , SEO搜尋引擎最佳化 , 新秘 , 新秘小淑 , 新娘秘書 , 新娘造型 , 台中新秘 , 婚禮婚紗造型 , 新秘推薦 , 台中西屯霧眉 , 台中霧眉 , 血壓量測 , 腕式血壓計 , 全自動手臂式血壓計 , 心房顫動偵測 , 體溫計 , 耳溫槍 , 額溫槍 , 熱敷墊 , 電毯 , 中風 , 高血壓 , 血壓計 , 血壓計推薦 , 血壓計品牌 , 歐姆龍 , 百靈 , 台北攝影棚出租 , 台北攝影棚租借 , 攝影棚出租 , 攝影棚租借 , 攝影場地租借 , 專業形象照 , 形象照拍攝 , 個人形象照 , 孕婦禮服出租 , 孕婦禮服租借 , 自助婚紗 , 自助婚紗攝影 , 台北攝影棚出租推薦 , 台北專業形象照推薦 , 孕婦禮服出租推薦 , 自助婚紗推薦 , 婚攝 , 婚禮攝影 , 婚禮紀錄 , 婚攝 , 婚攝勇年 , 婚禮紀錄 , 婚紗婚攝 , 孕婦寫真 , 婚禮攝影 , 自助婚紗 , 婚攝推薦 , 文華東方婚攝 , 親子寫真 , 台南親子寫真 , 台中親子寫真 , 高雄親子寫真 , 台南兒童寫真 , 台中兒童寫真 , 高雄兒童寫真 , 台南親子寫真推薦 , 台中親子寫真推薦 , 高雄親子寫真推薦 , 台南家庭寫真 , 台中家庭寫真 , 高雄家庭寫真 , 台南全家福 , 台中全家福 , 高雄全家福 , 婚攝 , 台南婚攝 , 婚禮攝影 , 自助婚紗 , 台南婚禮攝影 , 台南婚禮攝影推薦 , 新秘 , 新娘秘書 , 新娘造型 , 高雄新秘推薦 , 台北新秘推薦 , 新秘Yuki , 白色夢幻新秘Yuki , 新娘秘書Yuki , 新娘助理 , 高雄新秘 , 台北新秘 , 婚禮婚紗造型 , 新娘妝髮造型 , 新秘彩妝造型 , 自助婚紗造型 , 台北新娘秘書推薦 , 高雄新娘秘書推薦 , 花草風造型 , 自然風格造型 , 室內香氛 , 居家香氛 , 房間香氛 , 空間香氛 , 香氛蠟燭 , 香氛精油 , 居家香精 , 精油香氛 , 居家香氛擴香 , 香氛蠟燭推薦 , 房間香氛推薦 , 香氛品牌推薦 , 嚴選香氛 , 香氛推薦 , 精油推薦 , 根尖手術 , 根管治療 , 牙齒再植手術 , 顯微根管 , 鈣化根管治療 , 再生性根管治療 , 牙根黑影與膿包治療 , 高雄根管治療 , 高雄牙齒醫師 , 高雄顯微根管醫師 , 美白牙齒 , 婚攝 , 婚攝 , 孕婦寫真 , 網頁設計/a> , , 品牌設計/a> , , LOGO設計/a>
