Categories
程式開發

從Angular 轉到React,網易嚴選的前端工程化實踐


前端日益發展,從最初的HTML、CSS、JavaScript 三大基礎,到後來的jQuery、Backbone、AngularJS,再到現在的Angular、React、Vue 三大框架流​​行,技術的演進既帶來了更多的可能,也帶來了一些問題。例如:團隊如何高效合作、項目如何統一維護、代碼如何規範等等。前端工程化的出現,就是為了解決這些日益突出的問題。它旨在製訂規範化的前端工作流,並規範統一項目的模塊化開發和前端資源,讓代碼的維護和互相協作更加容易更加方便。

今年我們團隊由Angular 技術棧轉變成React 技術棧,在這個大背景下,我們急需一套完善的工程化方案來幫助技術棧落地。在通過確定目標、定義規範、技術調研、開發實現等一系列步驟之後,制定了一套完善的工程化方案。它幫助解決開發流程中的問題,讓開發更加專注業務本身,提高整個系統生產效率。

目標定義作為一個工程化方案,最終的目標是盡可能解決項目生命週期裡遇到的問題,例如:

  • 規範保障

每個團隊都會根據實踐經驗,總結出一套自己的規範(項目規範和流程規範)。讓這一套規範在落地到實際的開發中時,除了人為的約束,更多的應該是通過工具約束。工程化就是把團隊的經驗沉澱到腳手架和開發套件中,讓新項目或新成員可以復用這些經驗。

原文鏈接:【https://www.infoq.cn/article/ggpTzCKT1NFkmvD6yPBw】。未經作者許可,禁止轉載。