Firebase + React Hooks(TypeScript)によるWebアプリ開発
What you'll learn
- FirebaseとReact Hooks連携
- TypeScriptによるReact 開発
- FirebaseのCloud storage / Cloud firestore / Authorization / Hosting
- Material UI
Requirements
- Mac OS
- TypeScriptの基礎
- React+Firebaseの基礎
Description
本コースは、無料コース"最速で学ぶFirebase + React Hooks (TypeScript)"の続編になります。無料コースでは扱いきれなかったテクニックをTwitter クローンを作成しながら学んでいきます。TypeScript、React Hooks、Redux ToolKit、Firebaseを使ってWebアプリをハンズオンで作成していきます。
[本コースで扱っていくトピック]
-Email + Password 認証
-Password リセット機能 (リセット用Email配信)
-ユーザープロフィール登録
-Google認証
-ログイン情報のRedux ToolKitによるグローバル状態管理
-Cloud firestoreによるデータベース(投稿データとコメントデータ)
-Cloud storageによる画像保存 (Tweet画像とAvatar画像)
-Hostingによるディプロイ
[注意点]
-本コースは、mac OSで進んでいきます。
-Firebaseのアカウントを各自作っておいてください。Googleアカウントが必要になります。
Who this course is for:
- ReactとFirebase連携について学びたい
- TypeScriptでReactを書きたい
Course content
- Preview09:30
- 00:28必要なツールのインストール
- 00:16本コースの Source code
- 00:04サンプル画像データ
Instructor
![Kazu .T](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.5 Instructor Rating
- 2,695 Reviews
- 9,515 Students
- 22 Courses
-現役エンジニア(大手外資系企業)
-Web application、AI ソフトウェア開発経験10年
-旧帝国大 修士課程卒
＊Required skills for front end engineer (React) in 2021＊
＊----------------＊
・TypeScript
・React Hooks
・React-query : Server data state management
・Redux(Redux Toolkit) : Client state management
・Tailwind CSS or Chakra UI or Material UI
・React-testing-library + Jest
・Mock service worker
・Nextjs(SSG, ISR, useSWR)
・Apollo Client 3(GraphQL)
＊----------------＊