2019/05/30

REACT Plugin list in Visual Studio Code

編寫 REACT 的過程中,記錄一下目前用到的 Plugin,就算未來重裝系統也不用煩腦當初到底用過哪些。

首先是列出清單的指令:
code --list-extensions | xargs -L 1 echo code --install-extension
接著會回傳包含安裝指令的 Plugin 清單:

code --install-extension burkeholland.simple-react-snippets
code --install-extension esbenp.prettier-vscode
code --install-extension mgmcdermott.vscode-language-babel
code --install-extension MS-CEINTL.vscode-language-pack-zh-hant
code --install-extension teabyii.ayu

See also:



2019/05/29

【會後心得】Delphi Web開發框架評估和討論網路研討會


在 Web 化的路上跌跌撞撞,每家 Delphi Web 的解決方案幾乎都試過。

一直到今天才有很全面的研討會的內容。

EMBT 把 3rd-Party 整理成 3 個區塊:

Client Focused

利用【Pascal to JavaScript】引擎,把 Delphi 程式碼轉譯成 JavaScript 程式碼,【TMS WEB Core】讓人驚豔,能在 Browser 直接 Debug Pascal 程式碼,這親切感就是比其它家還高出很多。

Balanced Full-Stack

Server (Delphi)和 Client (JavaScript)全面交由 Framework 控制,開發者在絕大部份的場景完全不需手刻 JavaScript 程式碼。

Server Focused

Framework 可以 Render HTML 內指定標籤成完整 HTML 格式,所有的程式碼轉換都是在 Server 端完成。

它們前端大多有綁定某家 JS 框架(如 uniGUI 綁 ExtJS),而這其實有好處,代表 Framework 可控度更好,不過缺點也是選擇太少 (笑)。

我的理想目標是:
以擅長的 Delphi,能少寫HTML / CSS / JavaScript 就少寫它們,並且高速完成專案。

則 TMS Web Core 和 uniGUI 可以滿足這個目標。

如果理想目標是:
需要明確的設計規範 + 彈性的前端需求。

則 Delphi MVC framework 可以滿足這個目標。


除此之外,未來的產品路線越來越明確。身為所有後端框架基礎的 WebBroker 被賦於更大的期待,花點時間投資它我相信是明確的選擇。

See also :
  • Delphi Web 開發框架評估和討論 網路研討會:影片簡報

2019/05/04

REACT Basic Inclusion Boilerplate 小型樣板

REACT CDN (Basic inclusion) 樣板

以入門的角度來說,立即可以看到結果是蠻重要的 ── 在環境設置上花了很多時間的心得。

CDN (Content delivery network) + REACT + BABEL

其它元件的 JS 內容: