React- Native 小小鳥覓食之路

React- Native 小小鳥覓食之路

--心之所向，吾惘已久

一. 技術要點

1.create-react-app

2.create-react-native-app

二.技術概要（技術比較、簡單使用規範、示例）

1.yarn

compare: 相比與npm，yarn（package.josn）在下載項目依賴時更優的版本確定性的和它的並行載入方式讓下載速度有的質的提升。更神奇的是，它可以提供離線本地緩存的方式來引入包。

command:

yarn / npm install

yarn add global <package> / npm install -g <package>

yarn remove <package> / npm uninstall <package>

yarn add <package> / npm i <package> --save

yarn add <package> --dev / npm i <package> --save-dev

2.npx

三.開發流程

1.國內外技術交流，建議使用翻牆軟體查看國外優秀的技術文章（鑒於國內相關技術文檔太過陳舊==。）

2.推薦相關優秀的技術連接（如遇鏈接無法打開的情況，請先翻牆，謝謝配合）

https://reactjs.org/tutorial/tutorial.html

https://github.com/facebook/create-react-app#create-react-app-

四.相關附件：

1.鑒於一些小夥伴的翻牆之痛，我已分享一些翻牆軟體（psiphon.exe），雙擊運行應用以後，就會自動配置代理服務，一鍵翻牆。

psiphon.exe

鏈接：https://pan.baidu.com/s/1u-h7iInqLWFbDVyRIkc1Cg 密碼：3dym

2.開發工具包

yarn

鏈接：https://pan.baidu.com/s/1r1MqRuFUqUgwDc6_X5lsgw 密碼：7t6p

五.修行之路

一.正式進入開發（踩坑階段）...

按照https://github.com/facebook/create-react-app#create-react-app-的官方示例，不禁感嘆一聲：

」卧槽 ，原來這麼簡單，什麼webpack、loader、plug和config 都去見鬼吧。「

其實按照文章說明：

」You don』t need to install or configure tools like Webpack or Babel.

They are preconfigured and hidden so that you can focus on the code.

Just create a project, and you』re good to go.「

至此，我們不在需要配置繁雜的配置文件，just focus on code! 多麼幸福發事兒啊！

step1: 安裝好 yarn ,

(什麼？這是什麼東西！來，請看這裡http://geek.csdn.net/news/detail/197339 ）

step2: 運行yarn add global npx

(什麼？這是什麼東西！來，請看如上鏈接，或自行google ）

step3: 運行npx create-react-app myApp,

見證奇蹟的時刻到了:

下圖是我的運行結果：(開心...嚶嚶嚶）

在之後，我用編輯器，嘗試跟新內部代碼，熱更新正常！

至此，示例演示完成，各位看官也可以自己去試試啦！

少公仔也要去繼續參研Tutorial: Intro To React.

後續，有什麼新的發現或心得我也會繼續跟新，謝謝各位看官，歡迎提問或評論~~

PS： 技術無罪，分享有情，不喜勿噴.

作者：愛玩天刀的 」五毒派少公子「