1. 程式人生 > >React-Native學習筆記——技術棧及簡介

React-Native學習筆記——技術棧及簡介

推薦的技術棧順序清單

1、阮一峰es6: http://es6.ruanyifeng.com/  
es6中的新特性是後續內容的基礎,重點內容有let關鍵字、解構賦值、建構函式和原型鏈、Promise物件、yield關鍵字、Generator函式、aysnc/await
2、reactjs:https://reactjs.org/
reactjs是react-native的基礎,重點內容有Component、state、props
3、redux(狀態管理): http://cn.redux.js.org/
react-redux框架用於管理react元件的state,重要的概念有:Action、Reducer、Store、Provider、connect
4、react-native:http://facebook.github.io/react-native/  中文網:http://reactnative.cn/
主要內容有:react-native環境搭建、整合與除錯、基礎元件的使用、元件的生命週期、頁面佈局及樣式
5、react-navigation(路由導航):https://reactnavigation.org/
react-navigation是官方提供的路由外掛,用於管理頁面的跳轉,有三種導航型別:StackNavigator、TabNavigator、DrawerNavigator,元件中可以使用props中的navigation屬性跳轉頁面
6、react-native-router-flux(路由導航):https://github.com/aksonov/react-native-router-flux
react-native-router-flux是對react-native的封裝, 管理路由很方便,主要的內容有Router、Scene、Stack等內容
7、immutable.js:https://github.com/facebook/immutable-js
因為js聲稱萬物皆物件,而且物件的賦值和java類似,存在物件和物件的引用的關係,容易導致一變都變的意外發生,immutable用於避免這種情況的發生,它使用trie的資料結構,封裝了自己的資料型別和操作方式。在react中典型的應用是避免元件不必要的render操作。