Construindo uma Clon do Netflix - Tutorial React - Componentes Estilizados - Firebase (Firestore & Autenticação)

Desbloqueie o poder do ReactJS construindo uma clon do Netflix neste tutorial completo. Aprenda a integrar o Firebase para autenticação e funcionalidades de banco de dados. Explore os Componentes Estilizados para estilizar suas aplicações React.

Módulos e componentes: Desde uma página inicial até uma seção de navegação que usa autenticação do Firebase, incluindo páginas de login e cadastro — este tutorial abrange tudo. Você vai aprender a se conectar ao Firebase, usar funções avançadas de JavaScript como *map*, *filter*, *reduce* e *find*, e implementar uma busca em tempo real com o Fuse.js.

📖 Pré-requisitos
- Conhecimentos básicos de React (useEffect, useState, useContext)
- Familiaridade com funções de JavaScript como *map*, *filter*, *reduce* e *find*
- Testes: Cada componente React é testado minuciosamente com React Testing Library, garantindo um código robusto e livre de erros.
- Navegação: Aprenda a usar o React Router para gerenciar a navegação de forma fluida na sua aplicação.

📚 O que você vai aprender
- Fundamentos do React: Hooks personalizados, contexto, portais
- Integração com Firebase: Firestore e Autenticação
- Estilização com Componentes Estilizados: Crie interfaces visualmente atraentes
- Testes de componentes: Utilize o React Testing Library para componentes robustos
- Navegação: Navegação fluida com React Router
- Busca em tempo real: Implemente busca dinâmica com Fuse.js

⏱️ Marcações de tempo
00:00:00 - Visão geral/demonstração
00:04:30 - Arquitetura
00:08:08 - Dependências do projeto
00:10:30 - Instalando *create react app*
00:13:03 - Limpeza do projeto
00:21:41 - Dica para portas com Yarn/npm
00:24:35 - Criando arquivos…