iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Mobile Development

單人開發者之路:React Native 與 Expo 帶你從開發到上架 系列

只會Hello World就衝去跟老闆說能做APP了,結果一路上只剩自己能開發到上架
,主要為分享前端使用React Native與Expo SDK,
單人學習、開發、建置、上架、維護、升級、後端串接、系統分析...等實務經驗
希望能帶給轉職或新手APP工程師一個選擇的方向

鐵人鍊成 | 共 30 篇文章 | 18 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1 - 單人開發者之路 前情提要

自我介紹 你好,我是一名 Asp.Net C# Web 程式小主管目前已從接案型科技公司畢業經手過的Web案子約十來件、APP專案一件 主要工作內容以Web後端...

2023-09-05 ‧ 由 peterlu 分享
DAY 2

Day 2 - React Native淺談 & 學習、開發前評估

React Native淺談 是由React網頁前端框架衍生出來的Native APP框架React、React Native皆由Meta公司所研發出來的架構所...

2023-09-06 ‧ 由 peterlu 分享
DAY 3

Day 3 - Expo 簡介 & 開發環境配置

Expo 簡介 起初根本不知道Expo是什麼是因為React Native官方直接使用了Expo的線上預覽(Snack)才開始對這款開發工具產生興趣並研究。 E...

2023-09-07 ‧ 由 peterlu 分享
DAY 4

Day 4 - Expo 啟動!

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

2023-09-08 ‧ 由 peterlu 分享
DAY 5

Day 5 - React Native 基礎知識(一) - Components、JSX

接述前篇建立完專案接著就是進入探索程式碼的世界了 React Native官方建議在入門前先補充React的核心概念 https://reactnative....

2023-09-09 ‧ 由 peterlu 分享
DAY 6

Day 6 - React Native 基礎知識(二) - Props、State

接續上篇components、JSX介紹後React官方描述的核心概念還有下面兩項 props state 這兩項核心會介紹比較長因為這是後續開發使用者體驗...

2023-09-10 ‧ 由 peterlu 分享
DAY 7

Day 7 - 你的APP快速切板選擇 Tailwind CSS

「開發的時候多想想,可以走捷徑時絕對不會繞遠路」 本篇要來介紹一款前端CSS框架「Tailwind CSS」 Tailwind CSS 是什麼? 官方網站:ht...

2023-09-11 ‧ 由 peterlu 分享
DAY 8

Day 8 - 在你的React Native Expo專案使用 NativeWind 套件

本篇會逐步講解NativeWind套件在React Native Expo專案安裝及使用 官網:https://www.nativewind.dev版本:2.0...

2023-09-12 ‧ 由 peterlu 分享
DAY 9

Day 9 - React Native APP登入功能製作(上) - 畫面切版

本篇開始前 先附上需求洽談時真實情況 PM:登入畫面有頭緒嗎工程師:沒有,怎麼辦,要通靈嗎😔PM:你先做出一版讓我們看看好了 附上使用TailWind CS...

2023-09-13 ‧ 由 peterlu 分享
DAY 10

Day 10 - React Native APP登入功能製作(中) - 事件處理

接續上篇在版面完成後讓我們繼續完成登入功能吧 本篇會進入以下開發環節 Components 事件處理 useState 實際應用 登入基本防呆 將所有Com...

2023-09-14 ‧ 由 peterlu 分享