【React+TypeScript】Netflixのクローンを作るチュートリアル
このチュートリアルでは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周りの技術的な事やフロントエンドエンジニアのキャリアについて書いています
Chapters
プロジェクトの概要
1章 TMDBの下準備
2章 環境構築
3章 TMDBからのAPI取得
4章 Rowコンポーネント
5章 Bannerコンポーネント
6章 Headerコンポーネント
7章 YouTubeトレイラーの表示
8章 デプロイ
まとめ
Author
Topics
- 公開
- 本文更新
- 文章量
- 約52,404字
- 価格
- 2,000円