ゼロから学ぶReactNativeアプリ開発

ReactNative+Typescriptを使って行うアプリ開発の教本です。 JavascriptやReactは触ったことはあるけどアプリのことはよく分からない、といった方向けに平易な言葉で基礎から学習できるような作りになっています。関連技術・React ・Redux ・ReactNative ・Javascript ・Typescript

はじめに

環境情報

本書で扱うアプリ

開発環境の準備①「Xcodeのインストール」

開発環境の準備②「 Homebrewのインストール」

開発環境の準備③「 nodebrewとNodeのインストール」

【ちょこっとコラム】Nodeのバージョン体系の豆知識

開発環境の準備④「VSCodeのインストール」

開発環境の準備⑤「Gitのインストール」

ReactNativeプロジェクトの作成と起動

【ちょこっとコラム】npxコマンドは何をしている？

関連するライブラリのインストール

【ちょこっとコラム】アプリのデザイントレンドの歴史

ディレクトリ構造の設定

カラーコードの定義

共通部品の作成①「Fabを作る」

共通部品の作成②「主要な部品を作る」

共通部品の作成③「背景用コンポーネントを作る」

Reduxについて

設定機能の作成①「ActionとReducerの作成」

設定機能の作成②「Storeとの繋ぎ込み」

設定機能の作成③「データの読込・書込」

設定機能の作成④「グラデーションカードの作成」

設定機能の作成⑤「設定画面の作成」

タスク機能の作成①「型の定義とStorageを作成」

タスク機能の作成②「汎用関数の作成」

タスク機能の作成③「Storeとの繋ぎ込み」

タスク機能の作成④「コンポーネントの作成 前編」

タスク機能の作成⑤「コンポーネントの作成 中編」

タスク機能の作成⑥「コンポーネントの作成 後編」

【ちょこっとコラム】画面の下に出てくる黄色い警告って？

おわりに

タスク機能の作成④「コンポーネントの作成前編」

タスク機能の作成⑤「コンポーネントの作成中編」

タスク機能の作成⑥「コンポーネントの作成後編」