處理多個 props 傳入 繼續補充昨天的內容，昨天知道了如何把 props 傳入 Component 裡面並且在 Component 裡面使用他們。但有時候 Component 所需要的 props...
前面寫了這麼多篇文章，都沒提到關於樣式的設定。今天我們終於要進入樣式了，Web Component 的樣式其實是我在學習過程中時常卡關的部分。因為樣式隔離的關係，外部 CSS 沒辦法直接改變 Shad...
DynamoDB 提供了兩種容量模式：On-Demand 和 Provisioned 。這兩種模式有著截然不同的計費方式，在本文中，我們將探討如何根據需求選擇合適的容量模式，並以實例計算兩種模式的成本...
昨天的文章介紹了在 JSX 上面使用參數，而我們也可以在我們客制化的 Component 傳入參數或數值使用。而這些傳遞的東西在 React 就會叫做 props。今天就會來介紹要如何使用它們在 Co...
上一篇我們聊到了 Vue 的檔案結構，我們用現實生活中的東西來比喻這些檔案。今天我們就來講講作為「積木」的 Component。 如果你對 HTML5 語意化標籤（header、nav、footer....
其實 Modal 可以說是我想到最適合拿來說明 slot 這個概念的元件了！在開發公司的應用時，常常大量需要用到彈出視窗，不管是 alert, confirm, 又或是預覽資料、檢視等等的功能。但以上...
進入第二個元件前，我們先介紹一下 Web Component 的第四個隱藏概念，也就是 slot（插槽）。 什麼是 slot ? 不管是使用原生 JS 還是框架，當我們設計一個自訂元件時，通常不希望內...
上一篇我們替登入頁加入了基本的驗證功能，但隨著功能增多，程式碼也開始變得雜亂，閱讀與維護的成本逐漸升高🫠。在本篇中，我們會透過 組件化 ( Componentization ) 的方式，將重複或龐雜的...
Rust 逼我成為更好的工程師：Copy 與 Clone - 零成本 vs 有成本複製 在理解了所有權的移動 (Move) 和借用 (Borrow) 之後，我們來探討一些真實世界中更細膩的情境。 為...
在上一篇的內容中介紹了如何從 Catalog 找到想要的 CI/CD Components，也提到使用 Components 時可以透過 Partial semantic versions 更靈活的取...