このチュートリアルではNetflixクローンを作る過程で、React・TypeScriptの基礎やAPIを利用したWebサービス開発について学んでいきます。

【学べる事】
- Reactの関数コンポーネントとTypeScriptの基礎理解
- React Hooksによるstate管理
- Reactでの外部APIとの連携方法
- Postmanを使ったAPIテストの方法
- コンポーネント分割の考え方
- Tailwind CSSの基礎理解
- Vercelを使ったデプロイ方法

【余談】
また直接、プロダクトコードには関連しないですが、余談として以下の解説も行なっています。

- APIとは？
- HTTPステータスコードのついて
- ReactフレームワークとReact環境の選択肢
- .envについて
- 非同期処理について
- スプレッド構文とは？
- 三項演算子 VS 条件式(if文)
- 現場レベルでのGit-flow

【こんな人に読んでほしい】
- React、TypeScriptで入門書やチュートリアルをやった後に、実際に何か作ってみたいという人
- 普段仕事で基礎的なことはやっているけど、自分で1から何かを作ってみたい人

※技術ブログ：<a href="https://terrblog.com/" target="_blank" rel="nofollow noopener noreferrer">https://terrblog.com/</a>
React周りの技術的な事やフロントエンドエンジニアのキャリアについて書いています


このチュートリアルではNetflixクローンを作る過程で、React・TypeScriptの基礎やAPIを利用したWebサービス開発について学んでいきます。

【学べる事】
- Reactの関数コンポーネントとTypeScriptの基礎理解
- React Hooksによるstate管理
- Reactでの外部APIとの連携方法
- Postmanを使ったAPIテストの方法
- コンポーネント分割の考え方
- Tailwind CSSの基礎理解
- Vercelを使ったデプロイ方法

【余談】
また直接、プロダクトコードには関連しないですが、余談として以下の解説も行なっています。

- APIとは？
- HTTPステータスコードのついて
- ReactフレームワークとReact環境の選択肢
- .envについて
- 非同期処理について
- スプレッド構文とは？
- 三項演算子 VS 条件式(if文)
- 現場レベルでのGit-flow

【こんな人に読んでほしい】
- React、TypeScriptで入門書やチュートリアルをやった後に、実際に何か作ってみたいという人
- 普段仕事で基礎的なことはやっているけど、自分で1から何かを作ってみたい人

※技術ブログ：https://terrblog.com/
React周りの技術的な事やフロントエンドエンジニアのキャリアについて書いています


【React+TypeScript】Netflixのクローンを作るチュートリアル

プロジェクトの概要

1章 TMDBの下準備

2章 環境構築

3章 TMDBからのAPI取得

4章 Rowコンポーネント

5章 Bannerコンポーネント

6章 Headerコンポーネント

7章 YouTubeトレイラーの表示

8章 デプロイ

まとめ

読者コミュニティ｜【React+TypeScript】Netflixのクローンを作るチュートリアル

firebase

react

typescript

てりー