【無料で読める】React Hooks TypeScript 実践入門 – Firebase を使って素材配布サイトを作ろう！ (プログラミング実践入門)

■内容紹介■
この書籍はReact Hooks, Typescript, Firebase(Store, Storage)を用いて、一つの素材配布サイトを作成していく内容となっています。

理論はそこそこに、実際に使ってみることに重きを置いています。

■書籍で扱う内容■

1.Reactの使い方
2.React Hooks(useState, useEffect)の使い方
3.TypeScriptの使い方
4.Firebase(Cloud FireStore,Cloud Storage)の使い方
5.Material UIの使い方
6.React Routerの使い方
7.検索機能の作り方

■目次■

0.はじめに
1.React
1-1.Reactとは
1-2.Reactを使ってみる
2.TypeScript
2-1.TypeScriptとは
2-2.TypeScriptを使ってみる
3.素材配布サイトを作る
3-1.環境構築
3-2.トップページを作る
3-2-1.トップページのコンポーネントを作る
3-2-2.ヘッダーを作る
3-2-3.メイン: 背景を作る
3-2-4.メイン:検索窓を作る
3-2-5.メイン:キーワードを保持する
3-2-6.メイン:ページ遷移
3-3.リザルトページを作る
3-3-1.リザルトページのコンポーネントを作る
3-3-2.ヘッダーを作る
3-3-3.検索結果: 画像を用意する
3-3-4.検索結果:Cloud Storageに画像を保存する
3-3-5.検索結果:Databaseに情報を入れる
3-3-6.検索結果:ReactでFirebaseを使えるようにする
3-3-7.検索結果:コンポーネントを作る
3-3-8.検索結果:データを取得し配列に格納する関数を作る
3-3-9.検索結果:関数を呼び出す
3-3-10.検索結果:データが格納された配列を表示する
3-4.ダウンロードページを作る
3-4-1.ダウンロードページのコンポーネントを作る
3-4-2.画像を表示する
3-4-3.ダウンロードボタンを作る
4.おわりに