React Native 跨平台手機應用開發

想學 「React Native」 卻找不到完整、合適的線上教學嗎？

這堂課把所有您最需要的 React Native 知識內容整合，提供完整詳盡的學習解決方案，您完全可以透過這堂課，學會 React Native 這項新技能。

用 JS 就能開發 iOS & Andorid 開發原生的手機應用程式 (App)  ！

#不用重頭再學開發 APP 的新語法、環境、工具

這堂課教會您 透過 React Native 創造手機APP ，只要您 懂基礎的 JS，就可以加入學習這項技能！

課程跟著版本持續更新，學習有保障！

這堂課程將會隨著 React Native 版本的更新，並適時的對內容進行調整，讓您隨取即能用，完全不必擔心因為框架版本升級，課程不再適用。

什麼是 React Native ？

#React Native 是開發手機原生應用程式 (App) 的一套框架

一套以 JavaScript 開發手機原生 App 的軟體框架。使用 React Native 與 JavaScript 程式語言，同時開發 iOS 與 Android 應用程式，是目前相當受歡迎的技術！

除了 Facebook, Instagram 之外 Airbnb、Skype 也都在使用 React Native ！

更多 React Native 案例

為何學習 React Native？

1.不用重頭學新語法，學習超快速 

JavaScript 是 React Native 的原生語言，對於有 JavaScript 程式設計經驗的前端工程師或是UI 設計師來說，學習門檻低，入門速度相當快！只需要一套觀念、技術、流程，但如果學習 Objective-C、Apple Swift 與 Android SDK（Java）的話，您就需要耗時研究三套觀念與技術。

2. 使用熱門的 React.JS，更高的開發效率 

雖然技術的選擇不能盲目的看熱門程度，但不可否認的是蓬勃的社群生態能帶來更好的開發體驗及資源。React Native 提供的熱更新 (Hot Reloading) 讓前端的開發迭代速度更快，不需要重複等待原生程式碼編譯執行，在原生程式碼不需變動的情況下，甚至可以透過 Hot Deploy 更新 App。

3. 良好的效能與原生使用體驗 

React Native 是跨平台的 原生 應用開發框架，在使用 JavaScript 進行快速開發的同時，亦能保有幾近原生的效能和使用體驗。

4. 可同時「開發」與「維護」 iOS & Andorid 兩大平台   

「Learn Once, Write Anywhere」 是 React 的精神。React 能提供「一致的觀念」與「相同的技術」，讓你不需要「學習 iOS 與 Android 二個平台的觀念與技術」，也能「開發 iOS 與 Android 的原生應用程式」。

5. 高程式碼重用率  </>

通常一個應用在不同的平台上所需實作的功能是相同的，卻因為不同平台的原生語言不同，需要分別在 iOS 和 Android 平台上各實作一次。透過 React Native 可以一次開發兩個平台，facebook 的團隊在使用 React Native 的跨平台專案開發中，達到了 85 % 的程式碼重用率，減少程式碼重複性和兩邊平台實作版本不同的機會。

學習 React Native 各種常見的困境

1. 網路欠缺較適合「完全新手」角度出發的完整入門教學。
2. 有開發 Web 的經驗，不熟悉手機應用開發流程，花大把時間研究，無預期成果。
3. 不曾使用前端框架，欠缺必備知識銜接。
4. 網路自學，似懂非懂，實際運用時腦袋一片空白。
5. 觀念混淆、東拼西湊、吸收速度慢、瓶頸彎路超多。
6. 學習遇到問題，Google 不到答案，英文也看不太懂 ..

五大主軸，帶您快速進入狀況

基礎知識打底、技能銜接

快速銜接 JS ES6 語法、前端框架開發的重要知識，確保對於這兩塊知識技能缺乏的學員，可以在學習 React Native 之前進入狀況。

React Native 快速入門

清楚地學習 React 的核心思想與 React Native 運作原理，同時避開初學者常見的地雷區 (OS: 避開地雷這超重要，千萬不要影響後續學習）！

各式進階開發技巧

React Native 各種元件的使用方式、提升效率技巧、Flexbox 排版規則，還有在實務開發上老師本身累積的 Know How，也將全部一次交給您！

常用開發工具、套件

這堂課使用 VS Code 為主要編輯器，同時將介紹各種 React Native 開發過程中，好用的工具與套件，讓您不用再花費時間做各種嘗試，這裡直接告訴您！

實作 - 記憶遊戲 APP

這堂課將透過帶您完成一款記憶遊戲 App，讓您融會貫通課程所學。課後能馬上開始自己的專案！

常見問答

1.ReactJS 和 React Native 是什麼關係？

兩者的原理是相同的， 都是使用 React 產生的 Virtual DOM 搭配 Renderer 來讓介面(View)進行渲染，差別在於 Web 上 ReactJS 是透過 react-dom 渲染網頁的原生組件，而 React Native 則是用 Andorid / iOS 的原生組件渲染。

2.一定要懂 React 才能上這門課嗎？

不需要，課程中會重頭開始詳細地介紹 React 這項技術，您可以在這堂課中學習 React 的基礎與應用，並獲得 利用 React Native 開發手機應用程式（APP） 的能力。

3.沒做過 App，也能上手嗎？會不會有很大的障礙呢？

React Native 有良好的 Developer Experience 評價，對於 iOS 及 Android 原生專案做了很好的初始化整合及劃分，初學者不需要特別設定就能開始進行開發，然而在實際的專案開發過程中，免不了會遇到原生平台的設定等細節問題，課程中將會告訴您初學者容易遇到的原生專案設定該如何操作，在過程中熟悉原生平台的專案特性。

4.誰不適合這堂課程？

完全不了解 JavaScript  的人，不建議修習這堂課。建議從這裏開始。

關於講師 

樂於挑戰的 JavaScript 全端開發者，專注於軟體工程的開發技術，喜歡思考優雅的問題解決方法，享受其帶來的成就感，並熱衷學習新東西和參與社群交流，與朋友一同創立 React Native Taiwan 社群。

這堂課和其他免費、300 元國外課程有何差異？

＊網路上有許多「分享」影片 或是「免費兌換」、「300元價格」的國外課程。為什麼要想學非要上這堂課程呢？

>>聽中文始終比較順暢

相比其他非母語的語言，用中文講解的課程，學起來絕對比英文課程有效率！在遇到專有名詞，或講解抽象概念時，用中文絕對是最好的選擇。

>>老師專業度與問題溝通

在 HiSKIO 上的老師，都經過嚴選而出，也都具備一定程度專業技術與教學經驗！課程內容並非隨意製作。另外，沒人可以解答問題是件很痛苦的事情！遇到問題不會用英文表達怎辦？溝通產生誤會很不方便，甚至導致您留下錯誤地理解觀念。

>>因應國內職場環境

看完課程就是要派上用場！課程會因應國內職場需求來做設計。以確保其實用性。

>>持續額外提供的價值與保障

除了精心設計的課程之外，這堂課還額外搭配直播，增加與學生之間的互動交流，加強線上課程的學習效力。而「分享」、「免費兌換」的課程的學生，自然無法享受這類的服務。

>>其他便利性

購課、退費、發票作帳、平台官方溝通...等瑣碎的重要小事，皆提供許多管道可供選擇，不用煩惱無人能協助解決問題！