background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Pobrać "🔴 Let's build Netflix 2.0 with REACT.JS! (Stripe Checkout & Webhooks, Redux, Firestore, Google Auth)"

input logo icon
Okładka nagrania audio
Poczekaj chwilę, przygotowujemy linki do łatwego oglądania filmów bez reklam i pobierania.
console placeholder icon
Spis treści
|

Spis treści

0:00
Introduction
0:50
Build Tech Stack
1:47
Build Showcase
4:46
Setting Up Firebase (1/2)
9:08
Setting Up Firebase Authentication (1/2)
11:40
Initialising the Build
12:11
Creating the HomeScreen Component
14:54
Building the Nav Component
31:50
Building the Banner Component (1/2)
49:51
Implementing TMDB API
1:02:11
Building the Banner Component (2/2)
1:07:19
Building the Row Component
1:28:42
Deploying the Frontend Build using Firebase
1:33:25
Setting Up Firebase (2/2)
1:35:19
Implementing React Router
1:40:54
Building the LoginScreen Component
2:03:00
Building the SignupScreen Component
2:29:23
Explaining and Implementing Redux
2:34:28
Implementing Login & Logout Functionality
2:40:54
Building the ProfileScreen Component
2:57:15
Setting Up Cloud Firestore
3:01:36
Setting Up Stripe (1/2)
3:05:48
Explaining Cloud Firestore Implementation
3:10:03
Implementing Stripe Webhooks
3:13:50
Adding Products in Stripe
3:16:32
Setting Up Stripe (2/2)
3:31:23
Building the PlanScreen Component (1/3)
3:54:12
Stripe Checkout Team Donation!
3:55:00
Building the PlanScreen Component (2/3)
3:57:29
Testing the Stripe Checkout & Subscription Flow
4:08:47
Building the PlanScreen Component (3/3)
4:19:57
Deploying the Final Build using Firebase
4:20:40
Outro
Tagi wideo
|

Tagi wideo

react
developer
reactjs
html
css
js
javascript
papa
papareact
papa-react
tutorial
frontend
webdev
dev
clone
backend
fullstack
motivation
reactnative
react-native
redux
typescript
beginner
netflix
Masz już zainstalowany UDL Helper Możesz pobrać film za pomocą 1 kliknięcia!
Zainstalowane
dla
Google Chrome

Opis:

🚨 Join the world’s BEST developer community “Zero to Full Stack Hero” NOW: https://www.papareact.com/course Join me as I build the NETFLIX 2.0 CLONE with REACT.JS. You'll learn how to do the following in this build: 👉 How to build a login and Log Out Authentication Flow with Google! 👉 How to build a Beautiful Home Screen with all the movies looking just like Netflix! 👉 How to build a Subscription page where you can see your active monthly subscription and any recurring subscriptions! 👉 How to build a complete Stripe Payments Checkout Flow for paid monthly Netflix Subscriptions! 👉 How to use the Firebase extension for synchronising Stripe Recurring Payments with Users 👉 How to finally deploy the final build using Firebase Hosting! + SO MUCH MORE! 🔴 LOOKING FOR THE CODE? 🛠️ https://www.papareact.com/offers/MXV3vdLQ 👇🏻FOLLOW ME HERE: Instagram: https://www.facebook.com/unsupportedbrowser Facebook: https://www.facebook.com/unsupportedbrowser LinkedIn: https://www.linkedin.com/in/saajansangha Twitter: https://links.papareact.com/twitter Discord: https://discord.com/invite/Z7nGwmdBGM Newsletter: https://www.papareact.com/newsletter 💰 WANT TO SUPPORT THE CHANNEL? Donate here: https://donate.stripe.com/9AQ03Lard2fC3U4dQU Grab some PAPA Merch: https://papa-react.creator-spring.com/ 🕐 TIMESTAMPS: 00:00 Introduction 00:50 Build Tech Stack 01:47 Build Showcase 04:46 Setting Up Firebase (1/2) 09:08 Setting Up Firebase Authentication (1/2) 11:40 Initialising the Build 12:11 Creating the HomeScreen Component 14:54 Building the Nav Component 31:50 Building the Banner Component (1/2) 49:51 Implementing TMDB API 1:02:11 Building the Banner Component (2/2) 1:07:19 Building the Row Component 1:28:42 Deploying the Frontend Build using Firebase 1:33:25 Setting Up Firebase (2/2) 1:35:19 Implementing React Router 1:40:54 Building the LoginScreen Component 2:03:00 Building the SignupScreen Component 2:!6:02 Setting Up Firebase Authentication (2/2) 2:29:23 Explaining and Implementing Redux 2:34:28 Implementing Login & Logout Functionality 2:40:54 Building the ProfileScreen Component 2:57:15 Setting Up Cloud Firestore 3:01:36 Setting Up Stripe (1/2) 3:05:48 Explaining Cloud Firestore Implementation 3:10:03 Implementing Stripe Webhooks 3:13:50 Adding Products in Stripe 3:16:32 Setting Up Stripe (2/2) 3:31:23 Building the PlanScreen Component (1/3) 3:54:12 Stripe Checkout Team Donation! 3:55:00 Building the PlanScreen Component (2/3) 3:57:29 Testing the Stripe Checkout & Subscription Flow 4:08:47 Building the PlanScreen Component (3/3) 4:19:57 Deploying the Final Build using Firebase 4:20:40 Outro Let’s get it PAPAFAM 🔥. DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Netflix and its subsidiaries in any form. Copyright Disclaimer Under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for educational purposes.

Przygotowujemy opcje pobrania

popular icon
Popularne
hd icon
Filmy HD
audio icon
Tylko dźwięk
total icon
Wszystkie formaty
* — Jeśli wideo jest odtwarzane w nowej wkładce, przejdź do niej, a następnie kliknij na wideo prawym przyciskiem myszy i wybierz " Zapisz wideo jako..."
** — Link przeznaczony do odtwarzania online w specjalistycznych odtwarzaczach

Pytania dotyczące pobierania wideo

mobile menu iconJak mogę pobrać "🔴 Let's build Netflix 2.0 with REACT.JS! (Stripe Checkout & Webhooks, Redux, Firestore, Google Auth)" wideo?mobile menu icon

  • Strona http://unidownloader.com/ to najlepszy sposób na pobranie wideo lub oddzielnej ścieżki audio, jeśli chcesz obejść się bez instalowania programów i rozszerzeń.

  • Rozszerzenie UDL Helper to wygodny przycisk, który jest płynnie zintegrowany z witrynami YouTube, Instagram i OK.ru w celu szybkiego pobierania treści.

  • Program UDL Client (dla Windows) to najpotężniejsze rozwiązanie, które obsługuje ponad 900 stron internetowych, sieci społecznościowych i witryn hostingowych wideo, a także dowolną jakość wideo dostępną w źródle.

  • UDL Lite to naprawdę wygodny sposób na dostęp do strony internetowej z urządzenia mobilnego. Z jego pomocą można łatwo pobierać filmy bezpośrednio na smartfona.

mobile menu iconJaki format wideo "🔴 Let's build Netflix 2.0 with REACT.JS! (Stripe Checkout & Webhooks, Redux, Firestore, Google Auth)" powinienem wybrać?mobile menu icon

  • Najlepsze formaty jakości to FullHD (1080p), 2K (1440p), 4K (2160p) i 8K (4320p). Im wyższa rozdzielczość ekranu, tym wyższa powinna być jakość wideo. Istnieją jednak inne czynniki, które należy wziąć pod uwagę: szybkość pobierania, ilość wolnego miejsca i wydajność urządzenia podczas odtwarzania.

mobile menu iconDlaczego mój komputer zawiesza się podczas ładowania filmu "🔴 Let's build Netflix 2.0 with REACT.JS! (Stripe Checkout & Webhooks, Redux, Firestore, Google Auth)"?mobile menu icon

  • Przeglądarka/komputer nie powinny zawieszać się całkowicie! Jeśli tak się stanie, zgłoś to, podając link do filmu. Czasami filmów nie można pobrać bezpośrednio w odpowiednim formacie, dlatego dodaliśmy możliwość konwersji pliku do żądanego formatu. W niektórych przypadkach proces ten może aktywnie wykorzystywać zasoby komputera.

mobile menu iconJak mogę pobrać "🔴 Let's build Netflix 2.0 with REACT.JS! (Stripe Checkout & Webhooks, Redux, Firestore, Google Auth)" wideo na mój telefon?mobile menu icon

  • Wideo można pobrać na smartfon za pomocą strony internetowej lub aplikacji PWA UDL Lite. Możliwe jest również wysłanie linku do pobrania za pomocą kodu QR przy użyciu rozszerzenia UDL Helper.

mobile menu iconJak mogę pobrać ścieżkę audio (muzykę) do MP3 "🔴 Let's build Netflix 2.0 with REACT.JS! (Stripe Checkout & Webhooks, Redux, Firestore, Google Auth)"?mobile menu icon

  • Najwygodniejszym sposobem jest użycie programu UDL Client, który obsługuje konwersję wideo do formatu MP3. W niektórych przypadkach MP3 można również pobrać za pomocą rozszerzenia UDL Helper.

mobile menu iconJak mogę zapisać klatkę z filmu "🔴 Let's build Netflix 2.0 with REACT.JS! (Stripe Checkout & Webhooks, Redux, Firestore, Google Auth)"?mobile menu icon

  • Ta funkcja jest dostępna w rozszerzeniu UDL Helper. Upewnij się, że opcja "Pokaż przycisk migawki wideo" jest zaznaczona w ustawieniach. Ikona kamery powinna pojawić się w prawym dolnym rogu odtwarzacza, po lewej stronie ikony "Ustawienia". Po jej kliknięciu bieżąca klatka z filmu zostanie zapisana na komputerze w formacie JPEG.

mobile menu iconJaka jest cena tego wszystkiego?mobile menu icon

  • To nic nie kosztuje. Nasze usługi są całkowicie darmowe dla wszystkich użytkowników. Nie ma subskrypcji PRO, nie ma ograniczeń co do liczby lub maksymalnej długości pobieranych filmów.