2020/09/04

理解 React useEffect 01


React 中,取得資料並呈現到畫面上一直是個難題,useEffect 就是讓元件呈現【副作用 (Side Effects) 效果】一樣,對我們造成了很大的【副作用】的【效果】。

useEffect 要解決什麼樣的問題?

useEffect 主要在呈現 (Render) 後觸發此 Hook 事件,並將取得的資料後再呈現到元件上。

在【How to fetch data with React Hook?】一文中卻提到:

Note: In the future, React Hooks are not be intended for data fetching in React. Instead, a feature called Suspense will be in charge for it.
這句話中文大概的意思是:

未來 React Hooks 不會用在資料取得的場合,會改由 Suspense 取代。

可是 Suspense 也說明它不會取代 fetch、axios 等取得資料的 API,在目前有限的資料只知道未來還會變化,所以現階段學習 useEffect 是必須的,待情勢明朗後再來調整也來得及。

2020/08/27

【React 開發】用 DevExtreme 打造高效能的 Web 應用程式

 

作者:吳祐賓

 

 

DevExtreme 學習心智圖

 

DevExtreme 是個很適合做後台的函式庫,官方的說明文件寫得很齊但也很零碎,整理文件後再繪製成心智圖方便學習。

 

 

本文內容參考來源:Create a DevExtreme Application

 

如果你使用 DevExtreme 模板從頭建立專案。它是個帶有導覽列和數個支援響應式佈局的展示視圖之簡單應用程式。

2020/08/21

Destructuring assignment at REACT Function Component

 

React 學習時一定要記得一個概念,它就是 JavaScript,不管看到什麼,或是沒看到什麼,它就是 JavaScript,而且是支援最新標準的 JavaScript。

為什麼會這樣說?是因為要有 ES6 的概念,看 React 程式碼才有機會看懂!例如,今天要說的主題:【解構賦值(Destructuring Assignment)】。

2020/08/19

用 REACT 思考 -- 使用 Function Component

 

React 的核心概念是【物件】,學了它好一陣子,一直感受到 React 的 Class Component 受制於 JavaScript 語法糖框框是一種半吊子的解決方案。

在 REACT 16.8.0 開始支援 HOOKS 後,Function Component 這種貼近 JavaScript 設計概念的正規作法終於獲得改善,HOOKS 也是源自 Class Component 的提取,也有更多的改善之處,除此之外,有沒有更加地好學、好上手,我想才是支援 HOOKS 後所需要關心的地方。

2020/08/14

Delphi WebBroker: Preventing CSRF with SameSite Cookie

 

前陣子在陪好友練習 Cookie 操作時,無意間發現瀏覽器跳出一個奇怪的警告訊息:

 

一查才發現,原來是瀏覽器為了防止 Cookie 被偷,偷偷改了規則!現在對 Cookie 裡面的 SameSite 這個屬性管得更嚴,Chrome 80 (2020 年) 以後的版本。如果你後端的 Delphi WebBroker 應用程式沒設定好,Cookie 可能會出問題,網站功能就直接當掉!

 

若現在不理它,未來可能會被瀏覽器無視,所以先來了解要如何解決。

2020/08/08

跨來源資源共用CORS處理方式(一)

 

寫對外公開 WebAPI 時,會因為瀏覽器安全性的關係而禁止非同源存取。

如以下範例:

2020/07/29

Delphi in Depth DataSnap 網站應用程式全端開發 出版



作者:吳祐賓





購書連結:
書本下載連結:PDF
範列下載連結:Github

內容簡介
  讓你從 0 到 1 進入全端開發領域,掌握後端知識同時也學會前端開發訣竅,點開 Web 開發新技能
   
  Delphi 進階框架 -- DataSnap 全方位構築後端知識。
  jQuery EasyUI 前端技術內涵及接近 VCL 元件的操作概念。
  資料庫常用操作。
  涵蓋語法入門,元件介紹等前後端整合實戰應用。

  給需要本書的人:
  ★有接觸過 JavaScript 卻不知道如何開始才能點開後端技能的人
  ★有接觸過 Delphi 但又不想打掉重練的人
  ★老是寫不好 Delphi 程式的人
  ★想運用 DataSnap 開發全端專案的人


本書特色

  1.本書採漸進式開發後台管理系統的全端網站應用程式,讓學習者能馬上做,立即學。
  2.全書程式碼毫無保留的呈現,重點處還會節錄再說明,更加強化理解與記憶內容。
  3.提供關於框架原理的圖說,讓讀者更能聚焦學習重點上。
  4.實作成品能立即應用在實戰中,實現超速學習成果。

專文推薦

    Eden 是我見過對 Delphi 最有愛的工程師,沒有之一。__【Delphi.KTOP 資深版主 Jason Wong】
   
    Eden 的堅持,是目前台灣地區 Delphi 不可或缺的精神,我從這本書裡面看到 Eden 的用心。__【Indy TIdDNSServer、Delphi / Kylix -Indy 網路程式設計作者 張子仁】

    本書從前端的 Javascript 說起,漸近地深入後端 DataSnap 實作,最後將前後端串起來,這樣的佈局,尤其對全端不熟的開發者而言,相信可以很快速的入門與應用 !__【Delphi.KTOP 副站長 蕭沖】


 到 Google Play 看看

到 Pubu 商城看看