鐵人檔案
身為一個前端工程師，如果只會框架 (Vue, React, Angular 等等) 是遠遠不夠的，如果你想要在工作中游刃有餘，或者找到一份好的工作甚至更資深的職位，還有許多技能力是需要具備的，因為在實務上可能還會因為產品的性質、面對的客群以及團隊的工作流程或合作的對象，而有許多技能與難題是需要具備與克服的，那到底還有哪些常見的技能是我們應該學會的呢？
Storybook 有一個很強大的輔具工具 Controls ，它提供一個 GUI 介面讓我們可以即時的調整元件的參數，必且會立即在 Canvas 中改變元件的...
DocsPage DocsPage 是由 Storybook Docs 所提供的頁面，無需任何的設定自動就會從 Stories 和元件中的 props, emi...
MDX 是 Storybook 提供的另一種攥寫文件的格式，MDX 結合了 Markdown 和 JSX 的標准文件格式，使我們可以用一些 Markdown 語...
Storybook 除了可以為元件攥寫 Story 以外，也可以攥寫純內容的說明文件，不過純內容的說明文件只能使用上一篇所介紹的 MDX 格式，所以如果還太不熟...
我們透過前幾天介紹的所有內容 Storybook - 基本介紹 & 安裝 Storybook - What's a story and how...
什麼是單元測試？ 單元測試 (Unit Testing) 是針對程式碼的最小單位來進行正確性檢驗的測試工作，並確保程式碼不會在迭代維護的過程中出現 Bug，通過...
在開始進入複雜的內容之前，我想先帶大家認識幾個會大量出現在每一個測試程式碼裡的核心語法，這些語法如果不了解的話可能就沒辦法看懂之後的測試程式碼，所以我們趕快開始...
Conditional Rendering 在寫元件時最常見的就是會使用 v-if 來動態插入和刪除元素，我們馬上來看看下面的範例程式。 const Compo...
Event Handling 在開發元件時一定少不了會需要觸發事件的時候，像是 click 事件、input 事件等等，所以我來用簡單的 Counter 來示範...
幾乎每個網站都會使用到表單元素 (Form Elements)，例如登入頁、註冊頁就有非常多個輸入框(<input>)在其中，又或者是網站的 hea...
