其它內容
-你有關注前端的發展嗎？帶你快速瀏覽 2023 前端的技術發展
前言
2023 年對於前端開發來說，是一個充滿創新與變革的一年。隨著新技術的出現和現有技術的進步，前端開發的範疇已經從傳統的網頁應用拓展到了PWA、3D/VR/AR 體驗，甚至是 AI 技術的整合。這不僅為使用者提供了更豐富的互動體驗，也為前端工程師帶來了新的挑戰與機會。
今天我整理了 2023 前端幾個重要面向的發展，包括：
- SSR 框架 & 次世代框架
- 基礎建設
- 跨平台開發
- AI 技術
- 3D、VR、AR
讓我們一起看看 2023 前端的發展吧！
框架 Next、Nuxt
Next.js、Nuxt.js 這兩個元框架是 SSR 的首選，越來越多公司、產品使用。
這兩個框架讓 React、Vue 更容易實現某些功能，例如 SSR、SSG、路由管理、SEO 優化、快取、重新驗整、圖片優化 … 等等，讓開發者可以打造更快、優化更好的應用程式。尤其是 Next 搭配了 React Server Components 讓網頁的效能上升一大步。
另一方面來說，開發者要學習的東西相對變多和複雜了。除了 JS、React、Vue 一直更新以外，還需要學元框架的使用。
而除了 Next、Nuxt 這兩個元框架以，前端也多了一些 svelte、solid 等次世代的框架，這些框架想解決現在主流框架的一些問題，例如 React 的渲染機制、虛擬 DOM 帶來的額外效能負擔、開發者的心智負擔 … 等等。所以它們都拋棄了虛擬 DOM，以及做精細的響應式數據 ( signal：類似 Vue 的 ref，不需要像 react 要使用 useState 來手動 set 資料)。
有趣的是 Vue Vapor 模式也打算拋棄虛擬 DOM。 React 倒是獨樹一幟了推出了 React Server Components。不知道未來變化會是甚麼樣子。
💡元框架（meta-framework）是一種框架的框架，它提供了一個更高級的抽象層，用於組織和管理其他框架或庫。
基礎建設
- 在基礎建設 (infra)方面：Bun.js (對應 Node.js) 作為一種新的 JavaScript 運行環境，以其驚人的性能和集成了打包工具、測試運行器和包管理器等功能吸引大家關注。
- SWC (對應 babel)、Rspack (對應 webpack) 等現代編譯器和打包工具，比傳統工具有更快的構建速度。這些工具的出現，大大加速了開發流程，使得前端開發更加高效。
簡單講這些新的 infra 主打一個字，快。更快的運行、編譯、打包速度讓開發者有更好的體驗。
有趣的是蠻多 infra 都是用 rust 語言編寫的，對這方面有興趣的人可以研究看看。
跨平台開發
除了網頁，前端的觸手也一直在往外擴散，手機、電腦等跨平台開發的部分也在慢慢成長，例如 React native、Flutter、NativeScript、Electron 等等。
相信未來這方面的需求會越來越高，對手機、電腦應用程式開發有興趣的人可以玩玩看。
跨平台開發是指使用一套程式碼，開發可在多個平台上運行的應用程式。它幫助開發人員節省時間和成本，因為他們不必為每個平台都編寫單獨的程式碼。
例如 PWA 可以像網頁一樣在瀏覽器中運行，也可以像原生應用程式一樣安裝在設備上。
AI 技術
除了用 ChatGPT、Bard 來對話聊天、寫文案、查資料以外，AI 技術在前端領域的應用也在迅速發展，
- 例如 v0 能將文字轉換成實際的 React UI Code ，讓開發者減去的寫樣式的時間，
- GitHub Copilot 幫助開發者提高編寫 code 的效率，例如自動補全程式碼、生成測試、文檔、重構程式碼等等。
- TensorFlow.js 讓前端開發者能夠直接在瀏覽器中運行機器學習模型，意味著我們可以將瀏覽器功能與機器學習搭配起來，組合成更多元的網頁應用程式。
這邊也推薦一個 GitHub Copilot 的免費替代版 - codeium
我最好奇蘋果什麼時候會推出它們的 AI，因為他們的 GitHub 有一些 LM 的 repo，期待未來 AI 的發展。
3D、VR、AR
隨著 WebGL、硬體、網速等技術的進步，3D、VR、AR 體驗在 Web 平台上變得越來越可行，除了一些炫酷的 3D 特效網站，現在也有很多更實用的 3D 網站，例如線上 3D 展覽、產品展示、開會等等。
如果未來 vision pro 等 VR 裝置能夠普及，相信會改變網頁的使用方式。我也是很期待 3D 的發展。
如果你對 3D 很有興趣，推薦 three.js 這個 3D 函式庫。
身為前端工程師的我們可以做些甚麼？
前端這個領域變化的這麼快，相信難免會有資訊焦慮的感覺，我認為可以改變一下心態，沒必要沒日沒夜地去追趕所有的技術，而是抱持著開放、期待的想法來看待這些發展，你可以只先觀望，也可以挑選其中幾個最有興趣的來探索，享受技術帶來樂趣。
當然，了解領域的變化也很重要，因為這樣才能夠去預測未來，增加自己的看待技術的角度和維度。
希望這篇內容能大致讓你知道 2023 的變化，最衝擊人的大概是 AI 的出現吧！不過比起擔心 AI 取代自己，不如多花點心思思考如何用 AI 來讓自己不會被取代～！
今天就這樣，老樣子，下篇貼文見了喔！