【學習筆記】React 边做边学（从零开始，包含Hooks）

重温 REACT Functional Component，本篇沒有完整結構，純筆記用途。

課程使用套件

• BULMA 樣式元件
• React Transition Group 動畫元件庫

 

容器排版

課程的主畫面排版由小到大依序由綠、黃、橙、紅高亮，配置如下：

綠色：Product 元件，在 Products 下，顯示產品圖片、金額和加入購物車等功能。

黃色：同位階有 ToolBar 和 Products 元件，在 ProductList 下，分別處理產品搜尋和產品清單的顯示。

橙色：同位階有 Header 和 ProductList 元件，在 APP 下，分別處理產品搜尋和產品清單的顯示。

紅色：APP，最大容器，主畫面是也！

My JSON Server -- 偽線上 REST 服務

開發 JavaScript 前端程式時，為了架設方便性，會使用類似 CodeSandbox 的前端線上程式編輯器進行測試，開發速度很快，對學習有加乘效果。

缺點就是在需要和後端 API 進行連結測試時，內部的 Web Server 往往還沒有在網際網路上公開，當然也就無法完整測試前端效果。這時就可以使用【My JSON Server】來模擬後端應用。

Delphi 10.4.1 對 DataSnap 相關修正一覽

Delphi 10.4.1 人品大爆發，大幅修正許多陳年臭蟲，讓人驚豔！以下是從官方網上文件節錄我覺得很有意思的修正項目。