創新易聯歡迎您!13年專注深圳網站建設

React.js 初學者應該知道技巧

日期:2016-12-08 | 來源:易聯網站建設公司 | 閱讀:
  本文假定你已經有了一下基本的概念。如果你不熟悉 component、props 或者 state 這些名詞,你最好先去閱讀下官方起步和手冊。下面的代碼示例我將使用 JSX 作演示,因為使用 JSX 語法寫組件更為簡潔,也更具表達力。 
 
 
  1.React.js 只是一個視圖庫 
 
  我們從最基本的開始。React 不是一個 MVC 框架,好吧,它根本就不是一個框架。它只是一個渲染視圖的庫。如果你對 MVC 熟悉的話,你就會意識到 React.js 只對應了V 這部分,如果它插手了 M 或 C 的邏輯,你就需要考慮用其它方法來解了。否則,到最后,你的代碼很可能會變成一坨翔。這部分后面會細說。 
 
  2.組件盡可能的小 
 
這一點有些顯而易見,但是有必要強調一下。每個良好的程序員都知道,較小的類、模塊更容易理解、測試和維護,對于組件來說也是一樣。我起初犯的錯誤是低估了 React 組件合適的大小。當然,合適的大小取決于很多不同的因素(包括個人與團隊偏好),但是,一般來說,我建議,讓組件明顯小于你本認為的必需大小。舉個例子,我的個人網站主頁上的這個組件,用于展示我的最新博文: 
 
 
  這個組件本身是一個 <section>,里面只有兩個 <div>。第一個<div>有一個標題,第二個<div>只是映射一些數據,使用數據中的每個元素渲染 <PostPreview>。還有一部分抽取<PostPreview>作為獨立組件,這點很重要。我認為這是一個組件最合適的大小。 

  創新易聯立足深圳面向華南,作為深圳網站建設公司服務提供商,憑借過硬的技術開發及安全保障實力、專業的全方位解決方案一舉獲得客戶的認可。
—— 微信公眾號 ——

熱門標簽

急速赛车单机版