React項目開發經驗匯總


定義好全局配置信息

環境變量不要提取出來,配置信息提取出來

 

UI樣式變量

定義好變量的作用不用多說

 

 

樣式庫建設

工具樣式,復用性強的樣式,這些class成為會是真個網站樣式的底層,將是很重要的一部分

 

工具函數

這個也不用多說,超級重要的,日常定義一些好的工具函數,說不定哪天就可以產生一個上萬star的工具庫了

 

功能封裝

包括上傳文件,支付,登錄,數據返回處理 等等一系列的操作,其實每次都是一個同樣的流程

不同的網站根據復用性的業務不同

面對這種問題,復制粘貼代碼肯定是不明智的,我們需要維護一系列的功能復用性的工具

 

靜態文件和icon

管理靜態文件總是比較麻煩的,最可怕的就是突然的要求復用某個網頁里專屬的文件,同時cdn建設也很重要,那么這些公共資源如何管理也是一件很重要的事情

尤其是icon的建設

 

 

---------------------------分界線-------------------------

 

 

 

以上是常見的復用功能的做法

以下是react項目開發需要注意的地方


UI庫建設

UI庫建設被放倒第一位的原因也是理所當然的

UI庫建設可能在短期降低了開發效率,提高了維護成本,但長期來看,絕對肯定一定以及百分之百是值得的,建設UI庫可以有讓人意想不到的效果

更是為了保證換即使設計師也可以該組件庫,整個網站風格就變了,還有包括間接性的接入第三方UI庫,不要直接接入,否則沒准哪一天就不用了

說不准哪天就可以產生一個上萬star的UI庫了

 

數據層

和后台交互是一件很重要的事情,網頁渲染的數據來源一般出了配置信息以外,就是后端請求的數據了

那么怎么去管理這些數據呢

 

我在項目中的做法是通過mobx建立一個數據層,組件內是完全不可以請求數據的,只會簡單的處理數據,然后映射數據到頁面上,這樣所有的數據操作便會變得清晰起來,很便於維護

 

 

多項目並行開發

多項目並行並不是啟動多個項目,而是在一個大項目下,根據耦合情況拆分成多個小項目,小項目之間需要有耦合,包括環境變量,UI組件,工具函數,封裝好的功能等。盲目的拆開項目去純粹的解耦是一件很作死的事情

一個大的項目可能會需要並行很多個小項目,比如說我正在做的建站項目,就會並行代理商,自定義網站的后台,網站前台,編輯器,預覽,並行多個項目的時候到底拆不拆總是一個很頭大的事情

 

 

后端渲染和前端渲染

前端渲染的SEO是比較麻煩的事情,next服務端渲染可能是一個不錯的選擇,很好的解決了瀏覽內容類頁面的加載問題和seo問題

但是編輯器和后台頁面本身卻不需要什么seo,所以需要前端渲染和后端渲染同時做。

 

 

前后端同構

如果后端是node的話,那么同構是一件很有很有意義的事情

 

總結

同時做好這么多事情看似很麻煩,只要從基本的開始遵循也很快就會完全適應,

其實也不為其他的,為的是不讓自己太辛苦的維護項目

為的是換一個設計師的時候 他不會太累

為的是和后端愉快的溝通

為的是自己對自己的東西心里有數

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM