React
含有「React」共 56 篇內容
全部內容
發佈日期由新至舊
最近工作上可能要用 React + Tailwind 了，剛好正巧遇到 React 19 和 Tailwind 4.0 剛推出，尤其是 Tailwind 做了大改版，對我這樣剛好是這兩項技術的新手小白來說，還沒有更多文章可以參考，光是安裝也是摸索了一陣子。以下以 Vite 6 + React 18.
這篇文章深入淺出地解釋 JavaScript 中表達式 (expression) 與陳述式 (statement) 的差異，並以 React 中 JSX 的應用為例，說明為何大括號 {} 內只能放入表達式。文章以類比人類語言的句子結構來幫助理解，並提供相關參考資料連結。
在現代 Web 開發中，框架的規範性對於團隊合作至關重要。這不僅提高了程式碼的一致性，也降低了理解他人程式碼的時間成本。現在，我們將以 JavaScript 為例，展示如何使用關注點分離的原則來撰寫一個簡單的應用喔。
如果有個算法是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能把狀態改變時需做的事情包裝起來，讓外部只需簡單修改參數就能達到預想的效果