Movatterモバイル変換


[0]ホーム

URL:


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

【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
Chapter 01無料公開

プロジェクトの概要

Chapter 02

1章 TMDBの下準備

Chapter 03

2章 環境構築

Chapter 04

3章 TMDBからのAPI取得

Chapter 05

4章 Rowコンポーネント

Chapter 06

5章 Bannerコンポーネント

Chapter 07

6章 Headerコンポーネント

Chapter 08

7章 YouTubeトレイラーの表示

Chapter 09

8章 デプロイ

Chapter 10

まとめ

Author
てりー

5年目のフロントエンドエンジニアです。React,Vue.js,TypeScriptがメインです。最近はサーバーサイドを触る事も多いです。

Topics
Firebase
React
TypeScript
公開
本文更新
文章量
約52,404字
価格
2,000円

[8]ページ先頭

©2009-2025 Movatter.jp