Visão Geral

Este curso ensina como integrar React JS com Firebase para criar aplicações completas, rápidas e com back-end totalmente gerenciado. Você aprenderá autenticação, banco de dados em tempo real, Firestore, storage, deploy e todo o fluxo de desenvolvimento moderno usando a plataforma do Google.

Objetivo

Após realizar este curso, você será capaz de:

• Conectar React ao Firebase com segurança
• Criar autenticação com email/senha, Google e outros provedores
• Utilizar Firestore como banco NoSQL em tempo real
• Usar Realtime Database em aplicações colaborativas
• Fazer upload e leitura de arquivos com Firebase Storage
• Implementar regras de segurança
• Fazer deploy completo no Firebase Hosting

Publico Alvo

• Iniciantes e intermediários em React
• Pessoas que querem criar apps completos sem backend próprio
• Criadores de projetos para portfólio
• Devs buscando aprender Firebase para aplicações modernas

Pre-Requisitos

• JavaScript básico
• React básico
• Noções de APIs e eventos assíncronos

Conteúdo Programatico

Module 1 — Introduction to Firebase + React

1. What Firebase is and when to use it
2. Overview of Firebase products
3. React + Firebase project setup
4. Environment variables configuration

Module 2 — Firebase Initialization & SDK Setup

1. Installing and configuring Firebase SDK
2. Creating firebase.js config file
3. Understanding Firebase project structure
4. Connecting React to Firebase services

Module 3 — Authentication

1. Email/password authentication
2. Google, GitHub and other providers
3. Managing user state in React
4. Protected routes in React Router
5. Updating profile and handling sessions

Module 4 — Firestore Database

1. Collections, documents and queries
2. Real-time listeners
3. CRUD operations
4. Data modeling for scalable apps
5. Handling offline mode and caching

Module 5 — Realtime Database Basics

1. Differences between Realtime DB and Firestore
2. Listening to real-time changes
3. Updating hierarchical data
4. When to choose Realtime DB over Firestore

Module 6 — Firebase Storage

1. Uploading images and files
2. Generating secure download URLs
3. Connecting uploads to Firestore documents
4. Displaying images dynamically

Module 7 — Security Rules

1. Firestore rules
2. Storage rules
3. Role-based access
4. Validating user permissions

Module 8 — Integrating React Hooks + Firebase

1. Custom hooks for Firebase (useAuth, useCollection, useDocument)
2. Context API + Firebase pattern
3. Handling loading, error and cleanup states

Module 9 — Full Project Development

1. Creating a complete CRUD app
2. User authentication
3. Firestore integration
4. Storage uploads
5. Real-time updates
6. UI + UX polishing

Module 10 — Deploying to Firebase

1. Firebase Hosting setup
2. Deploying React + Firebase project
3. Environment configuration
4. Using Firebase CLI
5. Connecting custom domains