iT邦幫忙

react-native相關文章
共有 308 則文章
鐵人賽 Mobile Development DAY 2
ios前端開發學習 系列 第 2

技術 【Day02】移動端開發比較

現在開發手機app可以透過很多種方式,像是使用Kotlin(Android的官方開發語言)或是同時開發Android & Swift的Dart(用於Fl...

鐵人賽 Mobile Development DAY 7

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

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

鐵人賽 Mobile Development DAY 8

技術 Day 08. 常見元件介紹

那麼 React Native 還有提供給我們什麼元件呢?讓我們繼續用剛才的 App.jsx 實做看看。 Image 顧名思義代表圖片,載入方式有兩種:圖片放在...

鐵人賽 Mobile Development DAY 6

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

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

鐵人賽 Mobile Development DAY 4

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

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

鐵人賽 Mobile Development DAY 7

技術 Day 07. 認識 React Native Flexbox

React Native 提供一種名叫 Flexbox 的方式來管理版面, Flexbox 就像合併了網頁能使用 display: flex 搭配 flex-d...

鐵人賽 Mobile Development DAY 5

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

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

鐵人賽 Mobile Development DAY 3

技術 DAY 3 接手 React Native CLI 專案應該知道的事 - React Native CLI 篇

大部分的文章都是討論怎麼從 0 開始開發 React Native 專案,但其實真實的情況更多的是你必須從接手前人的 code 開發,假設有完整的文件可以查找,...

鐵人賽 Mobile Development DAY 6

技術 Day 06. React Native 如何建立與調整樣式

那麼我們要如何為元件們上樣式呢? 如果你有用過 React 或 JSX ,可能會直覺想到在行內設定,就像這樣: <Text style={{color:...

鐵人賽 Mobile Development DAY 4

技術 Day 4 - Expo 啟動!

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

鐵人賽 Mobile Development DAY 2

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

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

鐵人賽 Mobile Development DAY 5

技術 Day 05. 從 App.jsx 認識與建立第一個元件

開啟模擬器,會看到 React Native 已經幫我們建立了一個簡單的教學頁面,讓我們可以點擊連結,進入教學頁面跟著學習。不過整個程式碼架構對初學者來說應該太...

鐵人賽 Mobile Development DAY 3

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

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

鐵人賽 Mobile Development DAY 4

技術 Day 04. 創建專案

創建專案的方法 現在可以在終端機試著用下述指令來創建專案:npx react-native init 專案名稱 啟動專案的方法 要啟動專案,讓他在模擬器運行,...

鐵人賽 Mobile Development DAY 1

技術 Day 1 - 介紹 React Native 和 Expo,與開發環境和模擬器的設定

哈囉,大家好,歡迎開始我們 30 天的 React Native 與 Expo 之旅! 今天我們將會從最基本的開始,了解 React Native 與 Expo...

鐵人賽 Mobile Development DAY 2

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

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

鐵人賽 Mobile Development DAY 1

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

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

鐵人賽 Mobile Development DAY 3

技術 Day 03. 開發事前準備 iOS

為避免有的人查找資料時直接進入此頁,而不是直接跟著系列文閱讀,這邊還是簡短的前情提要一下: 在正式開始撰寫 React Native 專案前,根據使用的開發系統...

鐵人賽 Mobile Development DAY 2

技術 Day 02. 開發事前準備 Android

創建專案 在正式開始撰寫 React Native 專案前,需做一些事前準備。根據你所使用的開發系統( macOS 、 Windows 、 Linux)和要上架...

鐵人賽 Mobile Development DAY 1

技術 Day 01. 簡介 React Native

前言: React Native 是什麼? React Native 是一個臉書開發、建構在 React 之上的 JS 函式庫,最大的好處就是能用「類似網站開發...

鐵人賽 Mobile Development DAY 1

技術 DAY 1 - 前言&React Native 簡介

前言 預計分享的內容 有感於 React Navie 繁體中文的內容偏少加上在工作中踩了不少坑,因此這次鐵人賽將分享我以網頁前端工程師的角度開發 React N...

技術 從 2024 React Conf 看 React Native 發展

今年的 React Conf 除了眾所矚目的 React 19 ,同時以 meta 開發團隊開發的 React Native 也帶來了不少亮點。有關於 Reac...

徵才 【徵3個月短期技術人員】React Native開發人員

誠徵短期React Native開發人員(ios、Android) 說明:支援以開發中的APP 期望時間:ASAP 地點:台北市民生社區(希望白天可以on s...

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

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

鐵人賽 Modern Web

技術 Day 33 打包-ios (部分)

昨天說的是 Android 今天我們來聊聊如何打包 ios, 但因為沒有開發帳號,所以就只說 react native 的部份, jsbundle ios 跟...

鐵人賽 Modern Web

技術 Day 32 打包- android

當我們開發階段完成後, 會需要把專案內容彙整成出來上架,或是給其他人測試, 以 android 來說,可匯出 apk 檔 或是 aab 檔, 假如只是想測試 a...

鐵人賽 Modern Web

技術 Day 31 DEV TOOL

在開發時,總缺少不了 bug 的存在, 那如何 debugger 就是所有開發者都很在意的問題了, 以往開發 web 每個瀏覽器都會有相應的 devtool,...

鐵人賽 Modern Web DAY 28

技術 Day 28 加入 Action

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

鐵人賽 Modern Web DAY 26

技術 Day 26 設定 Redux 環境

第 26 天 ! 今天我們來試著把 redux 的環境建立起來吧, 安裝 redux 套件: yarn add redux redux 本身是獨立的套件,是...