定義好全局配置信息
環境變量不要提取出來,配置信息提取出來
UI樣式變量
定義好變量的作用不用多說
樣式庫建設
工具樣式,復用性強的樣式,這些class成為會是真個網站樣式的底層,將是很重要的一部分
工具函數
這個也不用多說,超級重要的,日常定義一些好的工具函數,說不定哪天就可以產生一個上萬star的工具庫了
功能封裝
包括上傳文件,支付,登錄,數據返回處理 等等一系列的操作,其實每次都是一個同樣的流程
不同的網站根據復用性的業務不同
面對這種問題,復制粘貼代碼肯定是不明智的,我們需要維護一系列的功能復用性的工具
靜態文件和icon
管理靜態文件總是比較麻煩的,最可怕的就是突然的要求復用某個網頁里專屬的文件,同時cdn建設也很重要,那么這些公共資源如何管理也是一件很重要的事情
尤其是icon的建設
---------------------------分界線-------------------------
以上是常見的復用功能的做法
以下是react項目開發需要注意的地方
UI庫建設
UI庫建設被放倒第一位的原因也是理所當然的
UI庫建設可能在短期降低了開發效率,提高了維護成本,但長期來看,絕對肯定一定以及百分之百是值得的,建設UI庫可以有讓人意想不到的效果
更是為了保證換即使設計師也可以該組件庫,整個網站風格就變了,還有包括間接性的接入第三方UI庫,不要直接接入,否則沒准哪一天就不用了
說不准哪天就可以產生一個上萬star的UI庫了
數據層
和后台交互是一件很重要的事情,網頁渲染的數據來源一般出了配置信息以外,就是后端請求的數據了
那么怎么去管理這些數據呢
我在項目中的做法是通過mobx建立一個數據層,組件內是完全不可以請求數據的,只會簡單的處理數據,然后映射數據到頁面上,這樣所有的數據操作便會變得清晰起來,很便於維護
多項目並行開發
多項目並行並不是啟動多個項目,而是在一個大項目下,根據耦合情況拆分成多個小項目,小項目之間需要有耦合,包括環境變量,UI組件,工具函數,封裝好的功能等。盲目的拆開項目去純粹的解耦是一件很作死的事情
一個大的項目可能會需要並行很多個小項目,比如說我正在做的建站項目,就會並行代理商,自定義網站的后台,網站前台,編輯器,預覽,並行多個項目的時候到底拆不拆總是一個很頭大的事情
后端渲染和前端渲染
前端渲染的SEO是比較麻煩的事情,next服務端渲染可能是一個不錯的選擇,很好的解決了瀏覽內容類頁面的加載問題和seo問題
但是編輯器和后台頁面本身卻不需要什么seo,所以需要前端渲染和后端渲染同時做。
前后端同構
如果后端是node的話,那么同構是一件很有很有意義的事情
總結
同時做好這么多事情看似很麻煩,只要從基本的開始遵循也很快就會完全適應,
其實也不為其他的,為的是不讓自己太辛苦的維護項目
為的是換一個設計師的時候 他不會太累
為的是和后端愉快的溝通
為的是自己對自己的東西心里有數
