[基礎編] React Native(Expo)によるiOSアプリ開発

Firebase, TypeScript, Tailwind CSS, Redux Toolkit, Expo/React-nativeによるiOSアプリ開発手法を習得。

4.50 (15 reviews)
Udemy
platform
日本語
language
Mobile Apps
category
Kazu <'T>
instructor
202
students
4.5 hours
content
May 2022
last update
$199.99
regular price

What you will learn

Expo/React nativeによるiOSアプリ開発(TypeScript)

Redux toolkitによる状態管理

Firebase (ver9.0〜 modular style対応)との連携

React navigation

Tailwind CSS

memo, useCallbackによる最適化

Description

本コースでは、Expo・React-nativeを使ったiOS アプリの開発手法について学習します。


コースで使用する技術

  • Expo/React-native

  • TypeScript

  • Firebase

  • Tailwind CSS

  • Redux Toolkit


本コースの構成

  • Section 1 : Expo開発環境の構築

  • Section 2 : 基礎レッスン

    ・flex box

    ・Redux Toolkitによる状態管理(Global)

    ・memo, useCallbackによる最適化

    ・react-navigationとlife time

  • Section 3 : 実践レッスン : Todo-Appの作成


＊Firebase SDK ver9.0以降の modular styleに準拠

＊React-navigation ver6.0

＊Expo SDK 43対応


***本コースの注意点***

  1. Mac PCが必須になります。

  2. 講義では、iOS simulatorのみ扱っています。(Android emulatorの導入ついては講義に含まれていません)

  3. iOSアプリのApp Storeへの公開手順は講義に含まれていません。

Screenshots

[基礎編] React Native(Expo)によるiOSアプリ開発 - Screenshot_01[基礎編] React Native(Expo)によるiOSアプリ開発 - Screenshot_02[基礎編] React Native(Expo)によるiOSアプリ開発 - Screenshot_03[基礎編] React Native(Expo)によるiOSアプリ開発 - Screenshot_04

Content

Expo開発環境構築

コース概要
Expo開発環境の構築

基礎レッスン : React-native

GitHub URL
[注意] Expo Init (Expo SDK43 β版)
Project setup
Tailwind RN + Root Navigator
React navigation
Flex box
Redux ToolKit (仕組みの理解)
Redux ToolKit
memo + useCallback

実践レッスン : Todo-app

GitHub URL
[注意] Expo Init (Expo SDK43 β版)
Project setup
Redux setup
useFirebaseAuth + UI components
AuthScreen
Navigator
CreateTag
TagListScreen
Screen options + todoSlice
Navigation to TaskListScreen
CreateTask
TaskItem
TaskList (FlatList)
Task Edit
[注意] Expo SDK43 β版での実機確認
Security rules + expo publish

Next steps

[応用編]コースの概要

Charts

Price

[基礎編] React Native(Expo)によるiOSアプリ開発 - Price chart

Rating

[基礎編] React Native(Expo)によるiOSアプリ開発 - Ratings chart

Enrollment distribution

[基礎編] React Native(Expo)によるiOSアプリ開発 - Distribution chart

Related Topics

React Native
Typescript
Firebase
Tailwind CSS
4298855
udemy ID
9/14/2021
course created date
10/17/2021
course indexed date
Bot
course submited by