react學習初總結

這是第一次接觸react,以前都是在用vue做專案，突然來看react的語法其實還是特別的陌生，感覺非常的繞，但是總體感覺react的把函式式程式設計還是體現的淋漓盡致的，react是單向資料流的，而vue是雙向繫結，react的狀態改變是手動會觸發，而vue是響應式，每個狀態都是監聽的，在中小型專案中vue專案確實用起來更加的方便，但是在一些大型專案中還是react最佳，因為vue的狀態低響應式的，當狀態特別多的時候，watcher也會很多，會導致卡頓等問題，而react的狀態手動去改變的，更加可控。

1.react-redux是react的乙個外掛程式，主要用於做公共資料的管理，由於state是唯讀的，所以我們使用immutable.js來禁止之計改變裡面的資料。

function mapstatetoprops(state) 
}function mapdispatchtoprops(dispatch) , dispatch)
}export default connect(
mapstatetoprops,
mapdispatchtoprops

2.react-router-dom,主要用到的就是裡面的路由跳轉，同時我們為了能夠避免掉單頁面首屏載入慢的通病，配合了路由懶載入一起用

import loadable from 'react-loadable';
import react from 'react';
//元件非同步載入
const loadablecomponent = loadable(
});export default () => ;

在使用懶載入的時候需要注意，在獲取路由頁面資訊的時候。使用了非同步元件加載，要使用withrouter來獲取到路由中的資訊 export default connect(mapstatetoprops,mapdispatchtoprops)(withrouter(detail));//這樣才可以獲取到路由中的引數。

3.styled-components，個人理解就是增強元件化，用css用js的形式匯出，語法中和sass,less一樣都具有巢狀，繼承等語法，非常的好用。

4.react-transition-group，這是乙個動畫外掛程式，主要就是用來做一些頁面的動畫功能，很強大，非常好用。

react學習初總結

React 初涉總結

react學習總結

初入React小結

react學習初總結

React 初涉總結

react學習總結

初入React小結

相關推薦