2015年3月3日在香港JavaScript和Node.js聚會上的記錄:

今天，我想談談React，一個用於創建用戶界面的JavaScript庫。我在幾個項目中使用過它，並且越多地與它共事，我就越欣賞其功能。我將解釋為什麼我覺得React如此引人入勝，以及為什麼你應該考慮使用它。

作為一名軟件工程師，我明白開發人員每天面臨的挑戰。在使用React之前，寫程式碼經常會讓人感到不適，尤其是在構建用戶界面的時候。可能的狀態有很多，並且測試所有狀態都是不切實際的。你可能會遇到可變DOM問題或無法預測的用戶輸入。你的用戶界面可能行為不正常，或者在大型應用程式中無法良好地擴展。

程式設計是一門藝術，特別是組織復雜性的藝術。在建立UI時，ReactJS幫助您管理這種復雜性。

什麼是 React？

React 是 MVC（Model-View-Controller）中的 ‘view’。與像MeteorJS這樣的全面框架不同，React 主要專注於 UI。 它由 Facebook 和 Instagram 開發，並被用於他們的生產環境中。例如，您在Facebook.com 上看到的評論框就是一個 React 組件。

為什麼選擇 React？

我將重點關注三個關鍵點：React 組件，效能，以及處理動態數據。

1. React 組件

在我之前作為 MeteorJS 開發人員的角色中，我發現像 Handlebars 或 Spacebars 這樣的傳統模板語言很有限。相反，React 使用組件而不是模板。這種模組化的方法允許更大的靈活性，可重用性和可測試性。

2. 效能

由於發明了虛擬 DOM，React 提供了令人印象深刻的速度。傳統的方法通常需要對整個頁面進行重新渲染，即使是對微小變化也是如此。 虛擬 DOM 通過僅更新 DOM 的變更部分來最小化這種昂貴的操作。

3. 管理動態數據

狀態管理是 UI 開發中的一大挑戰。 React 通過採用單向資料流來解決這個問題，從而提高了可維護性並簡化了調試。

結語

總結，React因其簡單和強大而脫穎而出。它使得可以開發可重複使用、可測試的組件。它提供出色的效能和有效管理動態數據。

就到這裏！有任何問題嗎？

這裡是幻燈片：幻燈片介紹