iT邦幫忙

react components相關文章
共有 8 則文章
鐵人賽 JavaScript DAY 15

技術 Day 15 : 打造高效的 React 按鈕設計方案(下)

在前一篇文章中,我們設計了一個靈活的按鈕元件,並探討了多種屬性的應用。今天,我們將進一步研究 按鈕的樣式設計,探討如何根據不同狀態(如懸停、激活、禁用)調整按鈕...

鐵人賽 JavaScript DAY 14

技術 Day 14 : 打造高效的 React 按鈕設計方案(上)

在過去的幾篇文章中,我們探討了如何使用 CSS Modules 和 CSS 變數 來優化應用中的主題切換機制,並提高應用的靈活性和可維護性。今天,我們基於Fig...

鐵人賽 Modern Web DAY 5

技術 「全端挑戰」製作動態網站第一步從了解useState與它的用法開始

鐵人賽 Day5 自己做一個價值幾十萬的動態網站 第五課:了解useState與完成在SearchBar與其介面上part1 前情提要,前兩天Day3~4我們完...

鐵人賽 Modern Web DAY 4

技術 「全端挑戰」Scss與React Component的動態實作Navbar與Header

鐵人賽 Day4 自己做一個價值幾十萬的動態網站 第四課:了解Scss與React Component與首頁概念圖與UI實作 part2 前言Day3 Gith...

鐵人賽 Modern Web DAY 4

技術 [DAY04]甚麼是React Component?

React Component 在寫React代碼之前,我們首先要了解一個概念,那就叫做Component。 什麼是Component?(中文翻譯為組件/零件...

鐵人賽 Modern Web DAY 24

技術 DAY24-資訊卡頁面設計

前言: 昨天我們介紹了一個普通的資訊頁面是如何完成的,今天我們要來介紹另一個很常用到的頁面種類,資訊卡頁面! 那廢話不多說,先來看看效果吧! 長這樣: 再來...

鐵人賽 Modern Web DAY 23

技術 DAY23-一般頁面設計

前言: 做完網站最基本的導覽功能後,接下來要進入的就是我們的頁面了!在製作頁面的同時,阿森也會善用React的特性,也就是製造出重複利用性高的元件,像是製作一...

鐵人賽 Modern Web DAY 22

技術 DAY22-導覽設計之Sidebar

前言: 今天我們要來完成前面提到的Sidebar,我會從Navbar接著開始接著講,那就讓我們開始吧! 目標: 這裡就廢話不多說,直接上完成的樣子! 然後如...