📌 在你不知道的角落，前端的未来正在回归本源【让编程再次伟大#27】 - YouTube

Original URL: https://youtu.be/J_xIxliB0Jo

📌 在你不知道的角落，前端的未来正在回归本源【让编程再次伟大#27】 - YouTube

⓵ 容易懂 Easy Know
蓋網站就像蓋樂高積木一樣，以前大家為了做很厲害的功能，會用很大的、很複雜的特別積木包（像 React 這樣）。但現在大家發現，回到最基本、最標準的樂高積木（就是網站最原本的 HTML, CSS, JavaScript）其實更好用。因為以前有些舊的積木規則（舊瀏覽器）很不方便，限制了新積木的發展，但現在那些限制變少了。所以，現在有新的蓋網站方法出現了，有的像是在舊的積木包上改良讓它更輕更快（像 Svelte），有的鼓勵你用網站自己提供的特殊積木功能（Web Component），還有的是回到最簡單的方式，讓伺服器直接送你蓋好的小積木塊（像 htmx）。重點是，回歸基本讓不同的蓋網站方式可以更好地一起合作，選你最喜歡也最適合的積木來用就好。

---

⓶ 總結 Overall Summary
在React 19發布之際，前端開發領域正經歷一場方向性的轉變。過去為了應對現代網頁應用複雜的數據流與交互邏輯，框架如React、Vue等疊加了多層抽象（例如虛擬DOM），使得技術棧日益龐大且複雜。然而，當前趨勢正朝著回歸本源的方向發展，重新強調使用最基礎的HTML、CSS和JavaScript等原生網頁標準。

這種回歸並非一步到位，而是一個漸進的過程。JavaScript標準委員會TC39近年來積極將過去依賴外部函式庫實現的功能納入原生JS標準，例如處理Immutable資料的方法、仍在提案階段但備受矚目的Temporal API用於複雜時間處理，以及可能統一前端狀態管理的Signal提案。這些原生功能的加入，旨在提升開發效率、標準化技術棧並藉助JS引擎的原生優化提升性能。

促成此一轉變的關鍵催化劑，在於瀏覽器市場格局的變化。長期以來，Microsoft的Internet Explorer等舊瀏覽器是Web標準發展的巨大阻礙，為了兼容這些舊環境，前端開發者被迫使用各種抽象層。近年來，Microsoft淘汰了IE並將Edge瀏覽器轉為使用Chromium引擎，極大程度上移除了瀏覽器兼容性的枷鎖，使得原生的Web標準得以更順暢地被採用，釋放了其潛在能力。

在此背景下，湧現了幾種有前景的前端新方向：一種是基於現有框架風格，但利用原生API取代虛擬DOM，提供更輕量高效的方案（如Svelte）；二是充分利用原生Web Component，減少對外部工具庫的依賴，實現組件化；三是回歸伺服器渲染HTML片段，前端僅用少量JavaScript直接操作DOM（如htmx），此方向極具顛覆性。

這些新方向的共同點是回歸原生，這使得不同技術之間的協作變得更加容易，也預示著未來前端生態可能更加多元化，不再是單一框架獨大的局面。儘管現有的主流框架如React、Vue仍將因其龐大的存量市場繼續存在，但開發者如今在選擇技術時，可以更自由地根據專案需求挑選最適合的工具，因為兼容性阻力已大幅降低。

---

⓷ 觀點 Viewpoints
當代前端框架（如React）為處理複雜應用而疊加大量抽象層，導致技術棧日益複雜與臃腫。 (這反映了過去前端發展為應對複雜性所採取的策略)
前端發展趨勢正回歸最基礎的HTML、CSS、JavaScript等原生網頁標準。 (這是影片的核心論點與觀察到的方向)
JavaScript標準委員會TC39正將許多過去依賴外部函式庫的功能納入原生JS，如Immutable資料處理、Temporal時間API、Signal狀態管理等。 (顯示JS語言本身正在進化以滿足現代開發需求)
過去瀏覽器，特別是Microsoft IE，是Web標準發展的主要阻礙，迫使開發者依賴抽象層解決兼容性問題。 (提供了歷史背景，解釋了為何過去需要那麼多抽象)
Microsoft淘汰IE並將Edge轉向Chromium，移除了主要瀏覽器兼容性限制，為回歸原生標準創造了條件。 (指出了觸發當前回歸趨勢的關鍵事件)
出現了基於原生技術的新興方向，例如利用原生API的輕量框架(Svelte)、基於Web Component的組件化，以及回歸伺服器渲染片段並前端操作DOM的極簡模式(htmx)。 (描繪了回歸原生後可能發展出的具體技術路線)
回歸原生基礎使得不同的前端技術方案更容易彼此協作與整合。 (這是回歸本源帶來的重要優勢)
現有主流框架(React, Vue)仍將長期存在，但未來前端技術格局可能更加多元化，而非贏家通吃。 (提供了對未來市場結構的預測)

---

⓸ 摘要 Abstract
✅ 前端趨勢正從複雜抽象回歸原生網頁標準。
📌 React 19 疊加新功能，技術棧日益臃腫。
⚠️ TC39 正積極將常用程式庫功能納入原生JS (如Immutable, Temporal, Signals)。
✅ Microsoft 淘汰 IE 並轉用 Chromium，解除瀏覽器兼容性枷鎖。
📌 原生 Web 標準的潛力被釋放，成為新開發的基礎。
✨ 新興方向包含利用原生API的輕量框架、基於 Web Component 以及回歸伺服器渲染片段。
💡 回歸本源促使不同前端技術更容易協作。
🛠️ 應根據專案需求選擇最適合的工具，不必執著於單一技術或框架。

---

⓹ 關鍵字 Key Words
前端趨勢
原生網頁標準
TC39
Immutable
Temporal API
Signals API
瀏覽器兼容性
Web Component
Svelte
htmx

✡ Oli小濃縮 Summary bot 為您濃縮重點 ✡

â–¶ https://youtu.be/J_xIxliB0Jo