Storybook 是一個用來透過獨立元件快速開發 UI 介面的工具，以往要開發元件時，我們可能需要建立一個全新的頁面才能進行開發，但這樣的開發方式可能會有一個狀況：沒有辦法事先開發或是預覽流程中不存在的元件。

透過 Storybook 我們在開發元件時，不需要重新建立複雜的頁面結構⋯⋯

職場

學習

音樂藝文

以行動支持創作者！付費即可解鎖

軟體開發

RD少女養成計畫

為了追求可以窩在座位上、可以心無旁騖思考問題、座位可以亂七八糟沒關係、不需要到處哈腰點頭跑客戶，不用腳踩十公分、連妝都可以不用化的職場人生，文組少女毅然決然踏上RD的養成日常。


Vivian Yeh - 跨領域轉職的軟體工程師

什麼是 Storybook？獨立開發前端元件，打造自己的 UI Library（React）

1. 引起動機 /5分鐘

(1) 教師播放西遊記簡介影片。

https://reurl.cc/Eodrqv

https://reurl.cc/VLV1aA

(2) 教師介紹西遊記的重要場景與角色:花果山、唐三藏、孫悟空、豬八戒、沙悟淨。

 

2. 發展活動

【 活動一 】閱讀《搶救花果

創作

文化生活

親子與教育

繪本教學

聽見-原鄉部落將邀請新竹縣尖石鄉那羅部落的耆老談談泰雅先人的生活智慧，包括食物、穿著、房子、交通演變、娛樂、水電等，取法自然的方法。此外，也會談談在地特色的植物、動物、地理景觀、風俗民情、教會信仰等，以及對土石流、祭典、喝酒文化、殺豬文化、族語傳承的看法。歡迎對原民文化、部落發展有興趣的人收看!

storybook

什麼是 Storybook？獨立開發前端元件，打造自己的 UI Library（React）

搶救花果山