【注意！】
2024年4月末にこちらの本の内容を大幅リニューアルする予定です！！
多くの人に手に取って欲しいので、リニューアル後は期間限定で無料配布も検討しています。

詳しい情報はXにてお伝えするので、ぜひフォロー下さい。

<a href="https://twitter.com/teriteri_code" target="_blank" rel="nofollow noopener noreferrer">https://twitter.com/teriteri_code</a>

--- 

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>


【注意！】
2024年4月末にこちらの本の内容を大幅リニューアルする予定です！！
多くの人に手に取って欲しいので、リニューアル後は期間限定で無料配布も検討しています。

詳しい情報はXにてお伝えするので、ぜひフォロー下さい。

https://twitter.com/teriteri_code

--- 

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

てりー