以下的學(xué)習(xí),是有先后順序的,
- html css javascript(ES5,ES6,flex布局,ajax,fetch,axios等)
- react基礎(chǔ)React(JSX語(yǔ)法,state,props等)
- react-native 基礎(chǔ)組件React Native 中文網(wǎng)
- react-native 導(dǎo)航組件 React Navigation
- react-native 狀態(tài)管理組件 Redux
- react-native 異步操作
- react-native 項(xiàng)目實(shí)戰(zhàn)
html css javascript階段,
html css javascript,基礎(chǔ)知識(shí)都是需要學(xué)習(xí)的,在react-native中,很多都是相通的,基本是可以拿來(lái)用的,特別需要對(duì)es5,es6標(biāo)準(zhǔn)有所了解,因?yàn)閞eact-native階段都有用到,flex布局更是要熟悉,因?yàn)閞eact-native采用的就是flex布局,然后就是異步操作,在react-native階段,基本都會(huì)涉及到
react基礎(chǔ)階段
可能很多人有疑問(wèn),需要學(xué)習(xí)react么,react這么大的一個(gè)框架都需要學(xué)習(xí)么
答案是,需要學(xué)習(xí)react,因?yàn)閞eact-native是從react衍生出來(lái)的,很多組件,框架思想,語(yǔ)法都是和react里面一樣的,所以需要學(xué)習(xí)react;
但是也不是所有的都需要學(xué)習(xí),JSX語(yǔ)法,state,props等基礎(chǔ)的一些東西需要學(xué)習(xí),在react-native里面經(jīng)常會(huì)用到,這樣在學(xué)習(xí)react-native時(shí),才不會(huì)一頭霧水的(本人已經(jīng)踩過(guò)坑的,直接學(xué)習(xí)react-native,然后發(fā)現(xiàn)很多地方,不是很清楚,又回頭去學(xué)習(xí)react的基礎(chǔ))
react-native 基礎(chǔ)組件階段
這個(gè)需要一邊學(xué)習(xí),一邊練習(xí),會(huì)有UI效果,學(xué)習(xí)不會(huì)太枯燥
react-native 導(dǎo)航組件階段
這個(gè)是必須要掌握的東西,學(xué)習(xí)完成后,希望能搭建一個(gè)基本app的框架出來(lái),能完成整個(gè)app的導(dǎo)航跳轉(zhuǎn),導(dǎo)航傳參等
react-native 狀態(tài)管理組件階段
最好掌握,稍微復(fù)雜一點(diǎn)的項(xiàng)目都需要它,所本人所知的,很多公司都是用到這個(gè)redux,
react-native 異步操作階段
這個(gè)不用多說(shuō),必須掌握的,在實(shí)戰(zhàn)中,在工作中,異步操作,天天都會(huì)用到的
react-native 項(xiàng)目實(shí)戰(zhàn)階段
找一個(gè)小項(xiàng)目,把前面學(xué)習(xí)到的知識(shí),串聯(lián)起來(lái),綜合運(yùn)用起來(lái),真正做到學(xué)以致用,最后才能在工作中游刃有余
視頻學(xué)習(xí)資料
react native入門到實(shí)戰(zhàn)(有可能是最詳細(xì)的RN教程)
redux全局狀態(tài)管理學(xué)習(xí)路線之一 : redux&react-redux
書籍學(xué)習(xí)資料
下面這本書是第二版,有涉及React基礎(chǔ)部分,也有涉及到Redux MobX等狀態(tài)管理
