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:

• How can you export VS Code extension list
• Learn React - React Crash Course [2019] - React Tutorial with Examples | Mosh
• Simple React Snippets for VS Code that you will actually use 
• Prettier formatter for Visual Studio Code
• mgmcdermott.vscode-language-babel
• teabyii.ayu

【會後心得】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 開發框架評估和討論 網路研討會：影片、 簡報

REACT Basic Inclusion Boilerplate 小型樣板

REACT CDN (Basic inclusion) 樣板

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

CDN (Content delivery network) + REACT + BABEL

其它元件的 JS 內容：