開發者和工作

現在在哪里辦公？

遠程辦公絕對稱得上是開發行業最大的變化了，過去一年一直在遠程辦公的受訪者居然高達 59%（可能跟海外的受訪者占比較高有關，據我了解國內沒有這么多），只有 5% 的受訪者表示只在辦公室辦公。

相信大部分前端同學還是更喜歡遠程辦公的，沒有通勤的壓力，也更自由。

做前端多久了？

相對其他行業來說，前端還是個年輕的行業。

現在的職級？

中高級的前端工程師占比超過了 50%。

在受訪者的調查里還有個有意思的事情，很多非職業前端工程師也開始寫前端了，包括 學生、產品經理、設計師 ...

公司有多大？

在大公司里打工的前端還是挺多的，各有利弊吧，你更喜歡在大公司當螺絲釘還是在小公司獨當一面呢？

框架

使用過也很喜歡的框架

大多數的前端還是喜歡組件式驅動的開發方式，所以 React、Vue、Svelte 甚至 Web Component 這些框架都越來越受歡迎了。

未來更想學習哪些框架？

ESR（Edge Side Rendering，邊緣渲染）是最近的一大熱門趨勢，可以直接在 CDN 級別實現按需渲染。Nuxt 3、Remix 以及 Sveltekit 等框架都在朝著這個方向發展，目測會在未來的一到兩年會成為一大焦點。

庫

使用過也很喜歡的庫

Axios 還是挺成功的，它穩定支持前端請求已經有很長時間了，它現在更像一個標準，而不是一個趨勢。

使用過但是不喜歡的庫

Redux 占據了榜首，我也覺得它是 React 狀態管理里面最難用的，學習門檻高，而且會寫出大量的模版代碼。

另外，大家在日期管理方面，似乎正在從 moment 切到 Date-FNS，這是個好兆頭！但是令人震驚的是還有大概 40% 的人在用 moment ，這個庫已經停止維護了呀 ...

未來最想學習的庫

GraphQL 生態正在逐漸走向繁榮，40% 的前端同學希望在未來學習 Apollo。

組件庫/設計系統

果然組件庫還是最卷的，30% 的前端同學希望自己設計組件庫 ...

Typescript

在過去一年中有用過 Typescript 嗎？

Typescript 的發展突飛猛進！在過去一年有 84% 的受訪者表示用過 Typescript！

還有個更有意思的事情，過去一年里沒接觸過 Typescript 的人更多在非科技公司或政府工作。

Typescript 的未來

有 43% 的受訪者表示，TypeScript 將超越 Javascript 成為新的前端標準，最近這一點也越來越明顯了，以原生 TypeScript 編寫的庫明顯增加，并且大多數新的開發工具都提供了開箱即用的 TypeScript 支持。

不過，就在今年 3 月份，微軟宣布了在 Javascript 中引入 TypeScript 的類型語法的提案，引起了前端社區的劇烈討論。這項投票的第三條（ JavaScript 會變成 Typescript 之類的東西）似乎有有了那么些可能了。

微前端

過去一年內有沒有用過微前端？

如今，微前端已逐步被各種公司所接受。其中，Netflix、PayPal 和 Amex 等大型科技公司已經在他們的一些系統中實施了這種架構。不過去年使用過微前端的開發者仍占少數，只有 24%。

微前端常用的解決方案

瀏覽器技術

過去一年用過的瀏覽器技術

有 42% 的開發者使用過 WebSockets，這個結果還是讓我比較驚訝的，真的有這么多實際的開發需求里用到長鏈接嗎？

代碼管理

最喜歡的桌面編輯器

在前端開發方面，Visual Studio Code 還是編輯器的王者，尤其是它的擴展系統，讓 WebStorm 之類的其他編輯器都稍顯遜色。

在線代碼編輯

CodeSandbox 多年來都在在線代碼編輯上占據霸者地位。但是 StackBlitz 最近做出的一些改變也非常棒，尤其是引入了 Web Containers，讓我們可以在瀏覽器環境運行 Node.js。

在線代碼編輯應該在后續還會得到很大的提升，尤其是現在遠程辦公這么盛行，在線代碼編輯是一個降低成本很好的方法。你不用再去花大價錢去買一些高端配置的電腦，CodeSandbox 或 StackBlitz 在幾分鐘之內就可以幫你配好開發環境。

最喜歡的版本控制提供商

對于版本控制，毫無疑問 GitHub 還是最多人的選擇，近年來推出的 GitHub Action、CodeSpaces、VS Code Online、新的 GitHub 代碼搜索等都是非常好用的功能，是開源愛好者的最佳選擇。而 Gitlab 和 Bitbucket 的優勢在于它們為企業提供的私有部署能力。

測試

誰在負責團隊中的測試？

看 2022 和 2020 年的對比，開發者參與測試要比 QA 測試占比要多了，這是啥情況～

你寫過什么樣的測試？

過去一年中用過的測試工具？

良好的實踐

對程序進行過哪方面的優化？

響應式和用戶體驗是前端開發者最關注的優化點。

在你的前端項目中有哪些良好的實踐？

Code Review 應該是保障項目質量最基礎的一項工作，團隊人員越多，Code Review 帶來的價值越大，不僅可以發現問題，還可以讓團隊成員學到一些經驗。

CI/CD 應該也很普遍才對，看到還有四分之一的開發者沒用這個很奇怪。

多久處理一次 SEO？

只有 10% 的前端開發者會經常關注 SEO，這個也比較正常，因為一些看板和后臺關系系統是不用關注這些的。

但是，其實我們在提升程序的響應式、用戶體驗、性能時也不經意間提升了 SEO。

多久處理一次可訪問性？

比關注 SEO 的開發者要多一點，但是依然很少！可能很多小伙伴還不知道可訪問性是啥：

• 可訪問性是一種讓盡可能多的用戶可以使用你的網站的做法。傳統上我們認為這只與殘疾人士有關，但提升網站的可訪問性也可以讓其他用戶群體受益。比如使用移動設備的人群，那些使用低速網絡連接的人群。你也可以把可訪問性看成是同等地對待每一個人，給他們平等的機會，無論他們的能力或所處的環境如何。就像不能讓坐輪椅的人可以進入大樓是錯誤的(現代公共建筑通常有輪椅坡道或電梯)；不能讓視覺有障礙的人士可以瀏覽我們的網站同樣不正確。我們都是不同的，但我們都是人，因此享有同等的人權。

雖然可訪問性不像響應式、用戶體驗、性能那么重要，但是它現在似乎成了一種“政治正確”（尤其是在國外）有些公司甚至出臺了相關的法律來要求網站必須進行可訪問性的優化。

多久處理一次響應式問題？

多久關注一次程序性能？

多久關注一次用戶體驗？

這三項沒啥好說的，是大多數前端喜歡關注的方面。

前端的未來

你覺得未來哪些方案會更受歡迎？哪些方案會消失？

前端似乎進入了一個更加穩定的階段，你認為呢？

閱讀完整報告：https://tsh.io/state-of-frontend/