# 阿睿的React Native不專業學習筆記(一):從Expo開始 ## Why React-Native 小弟最近為了要寫APP，在網路上尋找工具。目前小弟已有的技能有: 1. react.js 沒了。天啊感覺好慘，之前有嘗試性的去學了一下JAVA，想說利用android studio來開發也不錯，但學了一點點就被其他事耽擱(懶)了。再來react-native的設計很像開發網頁，又可以一次開發android和iOS系統，整個聽起來就比學JAVA還要賺阿。還有看了一些介紹，諸如facebook,instagram,discord等等都有使用他來開發，聽起來不是個糟糕的東西。於是小弟就開始了react-native的學習路程。 ## 環境設置 在官方文件中，有兩種不同的開發環境，一種是直接利用React-Native CLI，一種則是Expo CLI。其中，React-Native CLI會需要對手機開發有點熟悉才比較好上手，至少需要再去額外安裝android studio(windows or others OS)或是Xcode(iOS)；而Expo CLI不用，只需要安裝expo-cli即可，新手如我當然直接選擇了Expo。 首先先安裝好expo-cli ``` yarn global add expo-cli ``` Expo安裝好後，輸入 ``` expo init my-first-project cd my-first-project && yarn start ``` 即可開始。這時會跳出一個網頁，可以在那個網頁選擇手機系統。 而要如何開啟，可以使用兩種方式 1. 使用手機掃網頁的QR code 2. 使用android studio的AVD或是Xcode的iPhone模擬器開啟 **恭喜開始React-Native旅程**