iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1091 瀏覽

鐵人賽 Mobile Development DAY 28

單人開發者之路：React Native 與 Expo 帶你從開發到上架系列第 28 篇

技術 Day 28 - React Native iOS APP上架至App Store

接續上篇在完成XCode建置Expo專案iOS App時這時要來上架到App Store讓你的App提供iOS使用者下載 App Store Connect入口...

peterlu ‧ 2023-10-02

0 Like 0 留言 294 瀏覽

鐵人賽 Mobile Development DAY 17

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 17 篇

技術 Day 17 - 建立 Weather App UI 架構

這篇文章將會著重於建立 App 的 UI 架構，會使用一開始建立專案設定的 nativewind 和 tailwindcss 來快速地設計和實現 UI。設計...

Bucky ‧ 2023-10-02 ‧團隊大船要開囉

0 Like 0 留言 658 瀏覽

鐵人賽 Mobile Development DAY 27

React Native CLI 開發心法系列第 27 篇

技術 DAY 27 React Native 效能優化：提升效能實戰 (一)

如何讓你的 React Native 效能提升呢？接下將分享幾個優化的小技巧。移除 console 在開發 React Native 專案中，很常見的 deb...

Ashley ‧ 2023-10-03 ‧團隊曼陀號計畫V

0 Like 0 留言 1374 瀏覽

鐵人賽 Mobile Development DAY 27

單人開發者之路：React Native 與 Expo 帶你從開發到上架系列第 27 篇

技術 Day 27 - 使用Expo專案建置你的第一支iOS APP

本篇會使用Expo專案搭著React Native官方iOS打包說明(官方文件內容非常少...)帶你完成打包iOS App 注意：當你沒有Apple devel...

peterlu ‧ 2023-10-01

0 Like 0 留言 554 瀏覽

鐵人賽 Mobile Development DAY 16

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 16 篇

技術 Day 16 - 申請使用 OpenWeather

目前有蠻多可以利用的天氣 API，不管是免費或是付費的資料。這裡要介紹的天氣即時資訊的 API，他有免費的額度可以使用，以一個要作為個人專案來說非常足夠。我們會...

Bucky ‧ 2023-10-01 ‧團隊大船要開囉

0 Like 0 留言 1522 瀏覽

鐵人賽 Mobile Development DAY 26

React Native CLI 開發心法系列第 26 篇

技術 DAY 26 React Native 效能優化：使用 Firebase Performance Monitoring 監控應用程式效能

利用 firebase 打造自動監測應用程式效能的工具，當效能發生問題時就會系統自動發信通知，最重要的是可以同時監測到 iOS 跟 Android 的正式環境的...

Ashley ‧ 2023-10-02 ‧團隊曼陀號計畫V

0 Like 1 留言 731 瀏覽

鐵人賽 Mobile Development DAY 25

React Native CLI 開發心法系列第 25 篇

技術 DAY 25 React Native 效能優化：使用 Firebase Crashlytics 追蹤應用程式 Crash

Firebase 的功能種類非常多，在 DAY 14 使用 Firebase 發佈 React Native 測試版 APP - 多種環境配置時已經分別將 A...

Ashley ‧ 2023-10-01 ‧團隊曼陀號計畫V

1 Like 0 留言 936 瀏覽

鐵人賽 Mobile Development DAY 26

單人開發者之路：React Native 與 Expo 帶你從開發到上架系列第 26 篇

技術 Day 26 - React Native Android APP上架至Play商店

接續上篇建置React Native Android APP完成後本篇要來講解要如何將APP放在Play商店讓使用者下載上架前注意事項當你沒有Google...

peterlu ‧ 2023-09-30

0 Like 0 留言 995 瀏覽

鐵人賽自我挑戰組 DAY 30

React Native 奇幻之旅系列第 30 篇

技術【DAY30】React Native - 使用 CodePush 熱更新應用

前言有些時候會遇到應用新版本剛上線就發現有bug必須馬上修復的情況，如果是大改動的話重build、重送審也就算了，但如果只是改一行程式碼、改文字、換圖片......

wtlcqb ‧ 2023-09-30

0 Like 0 留言 390 瀏覽

鐵人賽 Mobile Development DAY 15

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 15 篇

技術 Day 15 - 第二個 App 簡介與專案 Tailwind CSS 設定

今天已經是第 15 天了，轉眼間鐵人賽也達成了二分之一的進度。今天開始要來實作第二個專案，我們要來做的是一個即時天氣 App。這次除了一樣使用 React N...

Bucky ‧ 2023-09-30 ‧團隊大船要開囉

0 Like 0 留言 3357 瀏覽

鐵人賽自我挑戰組 DAY 29

React Native 奇幻之旅系列第 29 篇

技術【DAY29】打包 iOS APP 發布到 TestFlight 測試與上架 App Store

前言要使用 TestFlight 測試應用以及上架 App Store 都需要加入 Apple developer program，個人帳號每年需支付 $99...

wtlcqb ‧ 2023-09-29

0 Like 2 留言 1751 瀏覽

鐵人賽 Mobile Development DAY 25

單人開發者之路：React Native 與 Expo 帶你從開發到上架系列第 25 篇

技術 Day 25 - 使用Expo專案建置你的第一支Android APP

在你的APP有一定的規模後就是要建置給內部人員 or 客戶測試使用本篇會使用Expo專案搭著React Native官方Android打包說明帶你完成建置And...

peterlu ‧ 2023-09-29

0 Like 0 留言 442 瀏覽

鐵人賽 Mobile Development DAY 14

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 14 篇

技術 Day 14 - 儲存待辦事項到本地儲存

當我們打造一個 Todo List App，希望是不管何時打開 App，我們之前所輸入的內容都會被保存下來，而不會因為重新開啟 App 而失去資料。這篇文章將...

Bucky ‧ 2023-09-29 ‧團隊大船要開囉

0 Like 0 留言 250 瀏覽

鐵人賽 Mobile Development DAY 13

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 13 篇

技術 Day 13 - 使用 Modal 編輯待辦事項

昨天介紹了如何使用 React Native 的 Modal 來實作一個確認刪除的提示 Modal，今天要做的則是如何使用 Modal 來編輯原本的待辦事項。...

Bucky ‧ 2023-09-28 ‧團隊大船要開囉

0 Like 0 留言 730 瀏覽

鐵人賽 Mobile Development DAY 24

單人開發者之路：React Native 與 Expo 帶你從開發到上架系列第 24 篇

技術 Day 24 - 使用 Fetch 和 MockAPI 模擬真實資料 feat.環境變數

在APP功能中，其實許多資訊都會經過後端API做伺服器驗證以Facebook為例，以下功能都會向後端伺服器驗證取回結果登入驗證、忘記密碼重設密碼動態、貼...

peterlu ‧ 2023-09-28

0 Like 0 留言 1869 瀏覽

鐵人賽自我挑戰組 DAY 28

React Native 奇幻之旅系列第 28 篇

技術【DAY28】打包 Android APP 發布到 Play Store 測試與上架

本篇會分享從生成 APK/AAB、設置應用、測試應用到上架 Play Store 的過程。 Android 要求所有應用都必須使用憑證進行數位簽署，才能安裝到...

wtlcqb ‧ 2023-09-28

0 Like 0 留言 774 瀏覽

鐵人賽自我挑戰組 DAY 27

React Native 奇幻之旅系列第 27 篇

技術【DAY27】React Native - 應用上架前的準備工作

Android & iOS 上架前都需要對應用進行一些基本設置，比如：應用的package (Bundle ID)、版本、icon...等，這邊簡單分享...

wtlcqb ‧ 2023-09-27

0 Like 0 留言 339 瀏覽

鐵人賽 Mobile Development DAY 12

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 12 篇

技術 Day 12 - 使用 Modal 提示使用者是否刪除

使用者在操作 App 的過程中，某些行為例如刪除資料，如果讓使用者直接刪除，這可能會導致重要資料的遺失。為了避免這種情況，提示使用者進行確認是一種普遍的做法。...

Bucky ‧ 2023-09-27 ‧團隊大船要開囉

0 Like 0 留言 894 瀏覽

鐵人賽 Mobile Development DAY 23

單人開發者之路：React Native 與 Expo 帶你從開發到上架系列第 23 篇

技術 Day 23 - Expo Location 實作地理位置追蹤功能

本篇要來介紹Expo地理位置追蹤套件 - Expo Location講解在React Native Expo專案怎麼做到一次性取得使用者位置背景追蹤使用者...

peterlu ‧ 2023-09-27

0 Like 0 留言 428 瀏覽

鐵人賽 Mobile Development DAY 22

單人開發者之路：React Native 與 Expo 帶你從開發到上架系列第 22 篇

技術 Day 22 - Expo 語音功能、觸覺回饋、震動功能應用

本篇要來介紹Expo官方提供兩項元件 Expo Speech 語音功能 Expo Haptics 觸覺回饋功能另外加碼介紹一項React Native 官...

peterlu ‧ 2023-09-26

0 Like 0 留言 413 瀏覽

鐵人賽自我挑戰組 DAY 26

React Native 奇幻之旅系列第 26 篇

技術【DAY26】EXPO + Github Action 自動化構建 React Native 應用

這篇文章會分享的是使用 Expo + Github action 實現自動 eas update 和 eas build，主要目的是學會使用 Github ac...

wtlcqb ‧ 2023-09-26

0 Like 0 留言 425 瀏覽

鐵人賽 Mobile Development DAY 11

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 11 篇

技術 Day 11 - 使用 Expo 的 Icons 來增加用戶體驗

隨著手機界面設計的不斷進步，Icon 已經成為了增強使用者體驗的一個重要元素。它們不僅提供了視覺吸引力，還在功能性上為使用者提供了直觀的導引。在本篇文章中，我們...

Bucky ‧ 2023-09-26 ‧團隊大船要開囉

0 Like 1 留言 410 瀏覽

鐵人賽 Mobile Development DAY 24

React Native CLI 開發心法系列第 24 篇

技術 DAY 24 React Native 效能優化：使用 Flashlight 衡量應用程式效能

今天要來介紹一個很有趣的效能監測工具 Flashlight，透過 Flashlight 可以查看正式環境的 APP 效能，不只你自己開發的 APP 可以看得到，...

Ashley ‧ 2023-09-30 ‧團隊曼陀號計畫V

0 Like 0 留言 535 瀏覽

鐵人賽自我挑戰組 DAY 25

React Native 奇幻之旅系列第 25 篇

技術【DAY25】React Native 使用 Sentry 監控錯誤、異常和性能

https://sentry.io/ Sentry 是一個用於應用程式錯誤監控和追蹤的工具，可以很方便的捕獲應用中發生的錯誤並定位錯誤發生的檔案、程式碼，並...

wtlcqb ‧ 2023-09-25

0 Like 0 留言 786 瀏覽

鐵人賽 Mobile Development DAY 21

單人開發者之路：React Native 與 Expo 帶你從開發到上架系列第 21 篇

技術 Day 21 - Expo Barcode Scanner實作手機QRCode掃描功能

相信大家對於二維條碼(QR Code)並不陌生而在APP裡掃描QR Code更是大幅提升使用方便性本篇要來使用Expo官方提供的Expo BarCodeSca...

peterlu ‧ 2023-09-25

0 Like 0 留言 258 瀏覽

鐵人賽 Mobile Development DAY 10

掌握 React Native 與 Expo：30天雙打，新手也能精通跨平台開發！系列第 10 篇

技術 Day 10 - 刪除待辦事項

在任何 Todo List 的 App 中，除了新增和完成項目之外，刪除待辦事項也是一個非常重要的功能。畢竟隨著時間的推移，有些事項可能已經不再需要或是想要從清...

Bucky ‧ 2023-09-25 ‧團隊大船要開囉

0 Like 1 留言 420 瀏覽

鐵人賽 Mobile Development DAY 22

React Native CLI 開發心法系列第 22 篇

技術 DAY 22 React Native Fabric 渲染器的 Render Pipeline

從上一篇文章可以知道 Fabric 渲染系統在新架構中擔任了生成 Shadow Tree 和使用 Yoga 引擎計算佈局重要的角色，接著這裡會分享 Fabric...

Ashley ‧ 2023-09-28 ‧團隊曼陀號計畫V

0 Like 1 留言 875 瀏覽

鐵人賽 Mobile Development DAY 21

React Native CLI 開發心法系列第 21 篇

技術 DAY 21 解析 React Native 新架構（New Architecture）原理

在 DAY20 解析 React Native 現行架構（Current Architecture）原理理解了現行架構使用橋接（bridge）溝通的缺點後，接...

Ashley ‧ 2023-09-27 ‧團隊曼陀號計畫V

0 Like 0 留言 496 瀏覽

鐵人賽 Mobile Development DAY 20

React Native CLI 開發心法系列第 20 篇

技術 DAY20 解析 React Native 現行架構（Current Architecture）原理

長久以來，React Native 的效能問題一直為人詬病，為了解決這個問題，React Native 開發團隊針對舊有的架構進行了重構，並在 0.68 版本推...

Ashley ‧ 2023-09-26 ‧團隊曼陀號計畫V

0 Like 0 留言 1796 瀏覽

鐵人賽 Mobile Development DAY 19

React Native CLI 開發心法系列第 19 篇

技術 DAY 19 上架 iOS 應用程式到 Apple Store 與審查被拒絕處理經驗談

延續上一篇 DAY 18 React Native iOS 上架前哨戰 - 使用 Apple Test Flight 發布測試，接著就是要將上傳至 Apple...

Ashley ‧ 2023-09-25 ‧團隊曼陀號計畫V