Udemy

Platform

日本語

Language

IT Certification

Category

Firebase + React Hooks(TypeScript)によるWebアプリ開発

Twitter の クローンアプリを作成しながらReactとFirebase連携、Redux ToolKit、TypeScriptについて学びます。

4.37 (215 reviews)

Students

4.5 hours

Content

Sep 2021

Last Update
Regular Price


What you will learn

FirebaseとReact Hooks連携

TypeScriptによるReact 開発

FirebaseのCloud storage / Cloud firestore / Authorization / Hosting

Material UI


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アカウントが必要になります。


Screenshots

Firebase + React Hooks(TypeScript)によるWebアプリ開発
Firebase + React Hooks(TypeScript)によるWebアプリ開発
Firebase + React Hooks(TypeScript)によるWebアプリ開発
Firebase + React Hooks(TypeScript)によるWebアプリ開発

Content

はじめに

はじめに

必要なツールのインストール

本コースの Source code

サンプル画像データ

[復習] React Hooks/TypeScript/Redux ToolKit

useState + useEffect (TypeScript)

useEffect cleanup関数 (TypeScript)

Redux ToolKit

[認証機能] Twitter App

React プロジェクト作成

FirebaseプロジェクトとReactの連携設定

Appコンポーネント

Googleアカウント認証

Email + Password 認証

ユーザープロフィール機能

ユーザープロフィールフォーム

パスワードリセット機能

[Tweet機能] Twitter App

ログインユーザーAvatar (Redux)

Tweet投稿機能

Tweet投稿フォーム

Feed機能

投稿一覧機能

新規コメント機能

コメント一覧機能

Deploy

更に学びたい人向け

ボーナスレクチャー: 関連コースの割引クーポン


Reviews

祥人3 June 2021

動画なので一時停止を使えばいいだけの話ではあるが、ペースが速すぎるように感じた。(コードの物量の関係か、コピペが多い為だろうか?) また、いくら物量があると言えど、ネストが複雑になる箇所でのコピペは避けた方がいいように感じた。

マツムラリョウ20 April 2021

超初心者向けというよりは、React/Redux/Hooksを少し触ったことのある方向けという感じです。 コピペや走り走りなところもあって一番初めに取り組むとReactって難しいな、という印象を受けるかもしれません。(私は他コースでHooksのみ学習してから受講しました。)

カズキ7 February 2021

コードをペーストして、それを説明するというやり方がとても良いと思いました。 講師のタイプミスなどに時間を取られることもなく、スムーズに進められます。 説明も簡潔で回りくどくなく、声も聞き取りやすいです。

Y
Yusuke441628 December 2020

So far it was really useful before move on learning Typescript as reviewing fundamental react skills like how to manage useState, useEffect and how redender in react with state.


3576919

Udemy ID

10/18/2020

Course created date

10/28/2020

Course Indexed date
Bot
Course Submitted by