iT邦幫忙

react-native相關文章
共有 308 則文章

徵才 [徵才] 創順科技 - Front-end Engineer

Front-end Engineer (Junior/Senior) [50000 ~ 100000 ~ /per month] 依經驗決定薪資 ::熱愛前端工...

鐵人賽 Mobile Development DAY 12
卡卡30天學 React Native 系列 第 12

技術 [ 卡卡 DAY 12 ] - React Native UI 元件(component) 介紹(下)

再來多介紹一個常會用到的 list 元件以及到目前的踩雷分享 :P 列表元件 VirtualizedList VirtualizedList 是 Fl...

鐵人賽 Modern Web DAY 26

技術 Day 26 設定 Redux 環境

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

鐵人賽 Mobile Development DAY 26

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

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

鐵人賽 Mobile Development DAY 6
卡卡30天學 React Native 系列 第 6

技術 [ 卡卡DAY 6 ] - React Native style 必懂之 Flexbox 彈性盒子(上)

在手機裝置中, Flexbox 彈性盒子是一個重點樣式倘若你不懂,就只能躺著被打 orzReact Native 與 css 的彈性盒子雷同大致上就只有幾點不...

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

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

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

鐵人賽 Mobile Development DAY 7

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

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

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

技術 DAY 17 上架 Android 應用程式到 Google Play Store

接續著 DAY 16 React Native Android 上架前哨戰 - 使用 Google Play 商店發布測試接下來就要把開發好的應用程式送審,經過...

鐵人賽 Modern Web DAY 15

技術 [Day15] 搜尋頁面

今日關鍵字:還是 搜尋頁我的規劃是分成三區 輸入關鍵字搜尋 點擊種類標籤搜尋 顯示搜尋結果 今天會來實現這些功能 首先由於主架構跟首頁及我的最愛頁面一樣這...

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

技術 DAY 16 React Native Android 上架前哨戰 - 使用 Google Play 商店發布測試

本篇將分享如何使用 Google play 發佈你要測試的 Android 應用程式。 情境: APP 的開發到一個段落了,即將要上架,想要在上架前做最後的確認...

鐵人賽 Mobile Development DAY 21

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

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

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

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

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

鐵人賽 Modern Web DAY 25

技術 [Day25] 語言切換-2:store架構調整

今日關鍵字:combineReducers 預想中這個App會有兩個地方需要讀取語言 剛打開App時讀取Async Storage裡讀取使用者上次使用的語系...

鐵人賽 Modern Web DAY 16

技術 Day 16 To Do List - 切版 1

第 16 天~ 在前面說了那麼多的理論, 今天我們試著做一個簡單的東西, 就是大家都很不陌生的 TO。DO。LIST 首先先開個新專案出來吧 react-na...

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

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

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

鐵人賽 Mobile Development DAY 24

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

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

鐵人賽 Mobile Development DAY 17
卡卡30天學 React Native 系列 第 17

技術 [ 卡卡 DAY 17 ] - React Native 用 Animated 來做簡單骨架屏

上一章節講了 Animated 的使用我們運用 start() 來做個骨架屏唷! 製作 banner 骨架屏 引入 Animated import {...

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

技術 DAY 14 使用 Firebase 發佈 React Native 測試版 APP - 多種環境配置

現在了解了如何打包 Andriod 的 APK 跟 iOS 的 IPA ,接下來要使用 Firebase 來發佈這些打包好的應用程式,以提供其他人安裝測試版應用...

鐵人賽 Mobile Development DAY 16

技術 Day 16 - React Native FlatList、RefreshControl 實作滑動式清單

本篇要來介紹React Native兩項核心Component FlatList RefreshControl 日常在FaceBook、Instgram、F...

鐵人賽 Mobile Development DAY 19

技術 Day 26. 認識 React Native Firebase

React Native Firebase 前置作業 React Native Firebase 是官方所推薦的函式庫,透過它開發者能輕鬆在 Firebase...

鐵人賽 Modern Web DAY 18

技術 [Day18] 提醒功能-3:計畫通知

今日關鍵字:notification 計畫通知內容 昨天的即時通知是在localNotif編寫通知內容 localNotif(anime: Anime) {...

鐵人賽 Mobile Development DAY 22
卡卡30天學 React Native 系列 第 22

技術 [ 卡卡 DAY 22 ] - React Native 元件害羞之骨架屏先讓你瞧 react-native-skeleton-placeholder

咦 大家有見網友的經驗嗎?在還沒見面前是否都是以照片來判斷這個人是不是自己的菜?網站也有一個時間是還沒 loading 好的時間差今天來教大家做一個 shap...

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

技術 DAY 18 React Native iOS 上架前哨戰 - 使用 Apple Test Flight 發布測試

本篇將分享如何使用 Apple 的 Test Flighter 發佈你要測試的應用程式。基本上前半段會與 DAY 13 React Native iOS 打包...

鐵人賽 Modern Web DAY 4

技術 Day 04 專案結構

今天是第四天,我們來解說一下昨天建好的專案吧 那首先,我們先看看昨天的專案跑起來的畫面吧 因為我們是開發 App ,不是像 Web 那樣可以直接在瀏覽器上看到結...

鐵人賽 Mobile Development DAY 24
卡卡30天學 React Native 系列 第 24

技術 [ 卡卡 DAY 24 ] - React Native 表單套件用 Formik 搭配 Yup 驗證 (下)

經過 Day23 的講解,大家應該都有初步的了解及安裝完畢吧 XD今天我們來運用 Formik 搭配 Yup 做個簡單表單畫面吧! 建立 Formik UI...

鐵人賽 Mobile Development DAY 2

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

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

鐵人賽 Mobile Development DAY 5

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

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

徵才 [徵求 Mobile / Web 全棧開發工程師]

[徵求 Mobile & Web 全棧開發工程師(數名)](React Native / Ruby on Rails) Lending7 LLC 總部...

鐵人賽 Mobile Development DAY 10

技術 React Native 的動畫好幫手:Lottie

需求與場景 最近我們因為要在直播加上打賞功能,所以要做一些送禮時的動畫需求就是 在我們的 react native 的 app 裡加入動畫 疊加在直播畫面之上...

鐵人賽 Modern Web DAY 5

技術 Day 05 React Native 的起點

今天是第五天,前面講了如何建立專案,也說了如何用模擬器開啟專案 APP 今天我們來說說有關 react 的部份,並試著改動專案吧 先啟動模擬器來看看初始畫面吧...