React+TypeScriptを使ったNetflixの映画一覧を表示するアプリケーションのチュートリアルです。

学べる事
- ReactのFunctionComponent（関数コンポーネント）とTypeScriptの使用
- React Hooksによるstate管理
- TypeScriptで外部APIを扱い、非同期通信でデータを取得
- movie-trailerにyoutubeを組み込む
- Firebaseでデプロイ

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

※技術ブログではReactを中心にプログラミングの知識などを解説したり、チュートリアルを作ったりしています。興味ある方は是非。
技術ブログ：<a href="https://terrblog.com/" target="_blank" rel="nofollow noopener noreferrer">https://terrblog.com/</a>


React+TypeScriptを使ったNetflixの映画一覧を表示するアプリケーションのチュートリアルです。

学べる事
- ReactのFunctionComponent（関数コンポーネント）とTypeScriptの使用
- React Hooksによるstate管理
- TypeScriptで外部APIを扱い、非同期通信でデータを取得
- movie-trailerにyoutubeを組み込む
- Firebaseでデプロイ

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

※技術ブログではReactを中心にプログラミングの知識などを解説したり、チュートリアルを作ったりしています。興味ある方は是非。
技術ブログ：https://terrblog.com/


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

プロジェクトの概要

APIKeyの取得しpostmanからAPIを送る

Reactの環境構築とAPI取得の下準備

Rowコンポーネントの作成

Bannerコンポーネントの作成

Navコンポーネントの追加

映画の画像クリックでトレイラーを表示する

firebaseでデプロイ

まとめ

firebase

react

typescript

てりー