鐵人賽 Day4 自己做一個價值幾十萬的動態網站 第四課:了解Scss與React Component與首頁概念圖與UI實作 part2 前言Day3 Gith...
鐵人賽 Day5 自己做一個價值幾十萬的動態網站 第五課:了解useState與完成在SearchBar與其介面上part1 前情提要,前兩天Day3~4我們完...
前言: 今天我們要來完成前面提到的Sidebar,我會從Navbar接著開始接著講,那就讓我們開始吧! 目標: 這裡就廢話不多說,直接上完成的樣子! 然後如...
前言: 做完網站最基本的導覽功能後,接下來要進入的就是我們的頁面了!在製作頁面的同時,阿森也會善用React的特性,也就是製造出重複利用性高的元件,像是製作一...
前言: 昨天我們介紹了一個普通的資訊頁面是如何完成的,今天我們要來介紹另一個很常用到的頁面種類,資訊卡頁面! 那廢話不多說,先來看看效果吧! 長這樣: 再來...
React Component 在寫React代碼之前,我們首先要了解一個概念,那就叫做Component。 什麼是Component?(中文翻譯為組件/零件...
在過去的幾篇文章中,我們探討了如何使用 CSS Modules 和 CSS 變數 來優化應用中的主題切換機制,並提高應用的靈活性和可維護性。今天,我們基於Fig...
在前一篇文章中,我們設計了一個靈活的按鈕元件,並探討了多種屬性的應用。今天,我們將進一步研究 按鈕的樣式設計,探討如何根據不同狀態(如懸停、激活、禁用)調整按鈕...