React
含有「React」共 53 篇內容
全部內容
發佈日期由新至舊
如果有個算法是2秒以上很耗時的長任務，希望在執行長任務前後修改state渲染loading畫面，可能會難以達到預期效果，會看到loading畫面一閃而過。
把setState改非同步的方法...
4/5React await setStat
此筆記僅以個人理解方式記錄
環境準備
我們這邊以 Bootstrap 5 的卡片元件來展示，要準備的有：
Bootstrap 5 CDN
Card(卡片) template
React CDN
React
React 起手式，引用 CDN、綁定 root、指定渲染 dom。
<
這次的side bar不一樣了，上一次我好像做的太簡單了，所以完讀率只有14%，我好難過啊（；´д｀）ゞ，所以我這準備的內容有多一點。
這次的目標
按鈕的排版
按鈕滑過去會有顏色變化
Side bar能夠展開
箭頭能夠移動至被選擇的物件上
宣告
這次我創了兩個檔案 SideBa
先從react開始：
其實市面上有許多前端框架像是react,angular,vue...
至於為什麼我會選擇react…
在網路速度有限的情況下，依序記錄不斷產生的資訊，能統計使用者在頁面上操作了哪些功能。
setter和getter能把狀態改變時需做的事情包裝起來，讓外部只需簡單修改參數就能達到預想的效果
這一集用最新的Vite工具去創建初始檔案。Vite用於創建和構建Web應用程序，具有快速的啟動時間、即時熱更新、小型體積、支持多種框架和可擴展性等優點。
data-* attributes 是 HTML 內建的屬性，可將網頁的狀態與元素進行綁定。而Tailwind CSS 在 3.2 版更新中推出使用 data-* attributes 自訂樣式的功能，讓樣式設定可以更動態多變。
感謝分享！看完介紹會覺得能用clsx就盡量用，data-attribute 的原生寫法完全不吸引人XD
Storybook 是一個用來透過獨立元件快速開發 UI 介面的工具，以往要開發元件時，我們可能需要建立一個全新的頁面才能進行開發，但這樣的開發方式可能會有一個狀況：沒有辦法事先開發或是預覽流程中不存在的元件。
透過 Storybook 我們在開發元件時，不需要重新建立複雜的頁面結構⋯⋯
