留意專案目前使用的 React Native 版本 React Native 版本很重要,根據 React Native 的版本號不同,所支援的功能、環境、套件...
Create Action 在建立 Saga 之前,我們要先建立對應的 action ,以前一篇 EDIT_USERNAME 為例,當我們發出一個任務後,就會有...
自我介紹 嗨~大家好,這是我第一次來參加鐵人賽 那本身就是前端工程師,接觸前端也有一陣子了, 之前都是在 Web 上做開發, 使用的是 ReactJS, 那這次...
環境設定 當我們在做開發時,首先要做的,就是準備好開發環境, 不然所有的開發都會無法進行, 所以首先,我們要來準備好 React Native 的開發環境 An...
辛辛苦苦生產的app,終於要build出去啦,甚麼?!居然不給過?!讓我們來看看官方解法 官方說明 private package 只要在expo網頁的Secr...
本篇會分享從生成 APK/AAB、設置應用、測試應用到上架 Play Store 的過程。 Android 要求所有應用都必須使用憑證進行數位簽署,才能安裝到...
HI,到了第二天,感覺每天寫一篇文章的感覺真的會有一種怠惰感,還是好好習慣吧 什麼是 React 先來介紹一下, React好了, 那他的歷史,是 2013 年...
本篇會使用Expo專案搭著React Native官方iOS打包說明(官方文件內容非常少...)帶你完成打包iOS App 注意:當你沒有Apple devel...
在你的APP有一定的規模後就是要建置給內部人員 or 客戶測試使用本篇會使用Expo專案搭著React Native官方Android打包說明帶你完成建置And...
第 28 天 ! 倒數 3 天! 當我們道路都打通後,我們要開始想要傳什麼資料進去, 首先,我們要確定要放在 redux store 的資料是什麼? 通常,我們...
延續上一篇 DAY 18 React Native iOS 上架前哨戰 - 使用 Apple Test Flight 發布測試,接著就是要將上傳至 Apple...
接下來會主要以Windows作業系統指令與Expo 49版本(2023.06.29官方最新版本)做為後續開發講解※在Expo版本升級後,指令會有些微誤差,但不影...
第 19 天~ 昨天做到了,新增項目的部分, 像這樣: 改變狀態 當我們可以成功的展示新增的項目後, 我們希望可以按一下項目,就讓他切換 完成 | 未完成,...
第 21 天 ! 我們來了解 react 的 資料流(data flow), 在我們之前做的To Do List範例來說, 在設定資料的時候, 只單純在 App...
上一篇介紹了 Andriod 打包的方式,接著就是 iOS ,會先以 Xcode 的介面了解如何存擋、打包的你的應用程式,再來是將這一系列步驟使用 comman...
第七天~ 我們昨天寫了個 Hello World 出來, 但是這只是單單把字給秀出來而已, 假如我們希望對畫面做調整的話, 讓我們的 Hello World 看...
到第六天囉~ 這兩天我們把專案大概的介紹了一下,接下來我們總算要進入到程式裡了 像昨天說過的,我們主要開發都會在 App component 底下, 那我們先來...
開始畫圖之前,先確認好要使用的UI framework,來確認可以使用什麼元件。才不會有實作畫面很困難的問題。這邊提供幾個元件來給大家參考: 以下是我使用過的:...
如果不想要大家一起通靈通出一坨O,請不要偷懶做好規劃。我說那個Excel寫出來的功能列表也是不夠的,畢竟大家對文字的理解都不同。 一份好的匡線圖也可以做好聚焦的...
接下來要為 Android App 加上 icon,回到 icon 的資料夾: Android 點進 android 資料夾後,到以下路徑 android/a...
第 18 天~ 昨天已經把畫面給佈置好了 有了畫面,但是沒有任何的邏輯,所以現在任何操作其實都不會有相關的邏輯 今天我們來把相關的邏輯給建立起來, react...
在 DAY20 解析 React Native 現行架構(Current Architecture)原理 理解了現行架構使用橋接(bridge)溝通的缺點後,接...
Hello 大家好我是 Edmond,大家在疫情期間是否感受到滿滿的孤獨感呢?又是否突然發現,自己其實滿適合一個人的呢?(大錯。本次想要來跟大家介紹一個人的開發...
第 20 天~ 走到了三分之二了~!!! 好激動阿!! 再接再厲~ 加油! 昨天把 To Do List 的邏輯全都完成了, 我們今天來 聊聊 關於 compo...
React Natvie 版本升級一直是開發上很痛苦的一部分,常常一升級就會有 dependency 壞掉,修了東就壞了西的窘況,在這篇文章中,筆者會分享升級...
現在有了 LOGO 也有了 APP 專案,我們就可以先把 APP 的 icon 放到我們的 APP 中了!以下是先前轉出的檔案: iOS 點進去 iOS 資料...
15 天了,沒想到過半了,再接再厲~~ 講了幾天的 React , 現在讓我們把焦點拉回 React Native React Native 是跨平台的, 雖然...
當我們的 React Native 開發到一個進度後,通常會將開發的這包程式碼打包成 Andorid 裝置可以安裝的 AAB 和 APK 檔案。那 AAB 是什...
既然想選擇 React Native 作為開發工具,當然要先評估會有哪些成本?是否能負荷?進而開始學習。 使用 React Native CLI 開發 APP...