iT邦幫忙

react-native相關文章
共有 296 則文章
鐵人賽 Mobile Development DAY 4

技術 DAY 4 接手 React Native CLI 專案應該知道的事 - React Native 版本 (更新至 0.74)

留意專案目前使用的 React Native 版本 React Native 版本很重要,根據 React Native 的版本號不同,所支援的功能、環境、套件...

鐵人賽 Mobile Development DAY 14

技術 [Day14] React Native - Redux Saga

Create Action 在建立 Saga 之前,我們要先建立對應的 action ,以前一篇 EDIT_USERNAME 為例,當我們發出一個任務後,就會有...

鐵人賽 Modern Web DAY 1

技術 Day 01 前言

自我介紹 嗨~大家好,這是我第一次來參加鐵人賽 那本身就是前端工程師,接觸前端也有一陣子了, 之前都是在 Web 上做開發, 使用的是 ReactJS, 那這次...

鐵人賽 Modern Web DAY 3

技術 Day 03 環境建立

環境設定 當我們在做開發時,首先要做的,就是準備好開發環境, 不然所有的開發都會無法進行, 所以首先,我們要來準備好 React Native 的開發環境 An...

技術 殺蟲記 #2 [expo] - expo private package 401 unauthorized

辛辛苦苦生產的app,終於要build出去啦,甚麼?!居然不給過?!讓我們來看看官方解法 官方說明 private package 只要在expo網頁的Secr...

鐵人賽 自我挑戰組 DAY 28
React Native 奇幻之旅 系列 第 28

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

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

鐵人賽 Modern Web DAY 2

技術 Day 02 React ?? Native ??

HI,到了第二天,感覺每天寫一篇文章的感覺真的會有一種怠惰感,還是好好習慣吧 什麼是 React 先來介紹一下, React好了, 那他的歷史,是 2013 年...

鐵人賽 Mobile Development DAY 27

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

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

鐵人賽 Mobile Development DAY 25

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

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

鐵人賽 Modern Web DAY 28

技術 Day 28 加入 Action

第 28 天 ! 倒數 3 天! 當我們道路都打通後,我們要開始想要傳什麼資料進去, 首先,我們要確定要放在 redux store 的資料是什麼? 通常,我們...

鐵人賽 Mobile Development DAY 19
React Native CLI 開發心法 系列 第 19

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

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

鐵人賽 Mobile Development DAY 4

技術 Day 4 - Expo 啟動!

接下來會主要以Windows作業系統指令與Expo 49版本(2023.06.29官方最新版本)做為後續開發講解※在Expo版本升級後,指令會有些微誤差,但不影...

鐵人賽 Modern Web DAY 19

技術 Day 19 To Do List - 加入邏輯 2

第 19 天~ 昨天做到了,新增項目的部分, 像這樣: 改變狀態 當我們可以成功的展示新增的項目後, 我們希望可以按一下項目,就讓他切換 完成 | 未完成,...

鐵人賽 Modern Web DAY 21

技術 Day 21 單向資料流

第 21 天 ! 我們來了解 react 的 資料流(data flow), 在我們之前做的To Do List範例來說, 在設定資料的時候, 只單純在 App...

鐵人賽 Mobile Development DAY 13
React Native CLI 開發心法 系列 第 13

技術 DAY 13 React Native iOS 打包 - IPA

上一篇介紹了 Andriod 打包的方式,接著就是 iOS ,會先以 Xcode 的介面了解如何存擋、打包的你的應用程式,再來是將這一系列步驟使用 comman...

鐵人賽 Modern Web DAY 7

技術 Day 07 Style

第七天~ 我們昨天寫了個 Hello World 出來, 但是這只是單單把字給秀出來而已, 假如我們希望對畫面做調整的話, 讓我們的 Hello World 看...

鐵人賽 Modern Web DAY 6

技術 Day 06 Hello World

到第六天囉~ 這兩天我們把專案大概的介紹了一下,接下來我們總算要進入到程式裡了 像昨天說過的,我們主要開發都會在 App component 底下, 那我們先來...

鐵人賽 Mobile Development DAY 4

技術 [Day04 - UI/UX] 確認使用的 UI framework

開始畫圖之前,先確認好要使用的UI framework,來確認可以使用什麼元件。才不會有實作畫面很困難的問題。這邊提供幾個元件來給大家參考: 以下是我使用過的:...

鐵人賽 Mobile Development DAY 3

技術 [Day03 - 規劃與設計] 建立 Wireframe 讓你開發不迷路

如果不想要大家一起通靈通出一坨O,請不要偷懶做好規劃。我說那個Excel寫出來的功能列表也是不夠的,畢竟大家對文字的理解都不同。 一份好的匡線圖也可以做好聚焦的...

鐵人賽 Mobile Development DAY 12

技術 [Day12 - React Native] 為你的 APP 加入 icon - Android

接下來要為 Android App 加上 icon,回到 icon 的資料夾: Android 點進 android 資料夾後,到以下路徑 android/a...

鐵人賽 Modern Web DAY 18

技術 Day 18 To Do List - 加入邏輯 1

第 18 天~ 昨天已經把畫面給佈置好了 有了畫面,但是沒有任何的邏輯,所以現在任何操作其實都不會有相關的邏輯 今天我們來把相關的邏輯給建立起來, react...

鐵人賽 Mobile Development DAY 21
React Native CLI 開發心法 系列 第 21

技術 DAY 21 解析 React Native 新架構(New Architecture) 原理

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

鐵人賽 Mobile Development DAY 1

技術 [Day01 - 簡介] 成為一位孤獨型玩家,從亂點技能開始

Hello 大家好我是 Edmond,大家在疫情期間是否感受到滿滿的孤獨感呢?又是否突然發現,自己其實滿適合一個人的呢?(大錯。本次想要來跟大家介紹一個人的開發...

鐵人賽 Modern Web DAY 20

技術 Day 20 To Do List - 封裝

第 20 天~ 走到了三分之二了~!!! 好激動阿!! 再接再厲~ 加油! 昨天把 To Do List 的邏輯全都完成了, 我們今天來 聊聊 關於 compo...

鐵人賽 Mobile Development DAY 30
React Native CLI 開發心法 系列 第 30

技術 DAY 30 React Native 版本升級實戰 : 填坑之旅

React Natvie 版本升級一直是開發上很痛苦的一部分,常常一升級就會有 dependency 壞掉,修了東就壞了西的窘況,在這篇文章中,筆者會分享升級...

鐵人賽 Mobile Development DAY 11

技術 [Day11 - React Native] 為你的 APP 加入 icon - iOS

現在有了 LOGO 也有了 APP 專案,我們就可以先把 APP 的 icon 放到我們的 APP 中了!以下是先前轉出的檔案: iOS 點進去 iOS 資料...

鐵人賽 Modern Web DAY 15

技術 Day 15 Platform module

15 天了,沒想到過半了,再接再厲~~ 講了幾天的 React , 現在讓我們把焦點拉回 React Native React Native 是跨平台的, 雖然...

鐵人賽 Mobile Development DAY 12
React Native CLI 開發心法 系列 第 12

技術 DAY 12 React Native Android 打包 - APK & AAB

當我們的 React Native 開發到一個進度後,通常會將開發的這包程式碼打包成 Andorid 裝置可以安裝的 AAB 和 APK 檔案。那 AAB 是什...

鐵人賽 Mobile Development DAY 2

技術 DAY 2 - React Native 開發的成本與學習的管道

既然想選擇 React Native 作為開發工具,當然要先評估會有哪些成本?是否能負荷?進而開始學習。 使用 React Native CLI 開發 APP...