Visão Geral

Este bootcamp intensivo ensina React JS de forma prática e acelerada, permitindo que você crie aplicações interativas, responsivas e prontas para produção. O foco é combinar teoria e prática para dominar React em um curto período.

Objetivo

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

• Criar componentes React reutilizáveis
• Gerenciar estado e eventos
• Implementar rotas e navegação
• Consumir APIs REST
• Criar aplicações responsivas e interativas
• Desenvolver projetos completos prontos para produção

Publico Alvo

• Iniciantes que querem aprender React JS rapidamente
• Desenvolvedores front-end que desejam atualizar habilidades
• Estudantes que querem criar projetos práticos
• Profissionais que precisam criar aplicações React do zero

Pre-Requisitos

• Fundamentos de JavaScript
• Noções básicas de HTML e CSS

Conteúdo Programatico

Module 1 – Introduction and Setup

1. What is React JS and why use it
2. Setting up development environment (Vite / CRA)
3. Project structuring and best practices
4. Installing essential libraries

Module 2 – React Fundamentals

1. JSX and component structure
2. Props and state management
3. Conditional rendering and event handling
4. Lists, keys, and dynamic content

Module 3 – Component Development

1. Functional components and hooks
2. useState, useEffect, useRef
3. Custom hooks and reusable logic
4. Higher-Order Components (HOCs) basics

Module 4 – Routing and Navigation

1. React Router setup
2. Nested and dynamic routes
3. Protected routes and redirection
4. Navigation patterns

Module 5 – State Management

1. Context API for global state
2. Optional: introduction to Redux or Zustand
3. Handling complex state in components
4. Syncing state with API data

Module 6 – API Integration

1. Fetching data from REST APIs
2. CRUD operations
3. Handling loading and error states
4. Displaying dynamic content

Module 7 – Forms and User Interaction

1. Controlled and uncontrolled components
2. Form validation and error handling
3. Input feedback and interactivity
4. Submitting data to APIs

Module 8 – Styling and UI

1. CSS, Tailwind, or Styled Components
2. Responsive design principles
3. Reusable UI components
4. Basic animations and transitions

Module 9 – Final Project

1. Building a full React application
2. Applying components, state, API integration, and styling
3. Testing and debugging the project
4. Deploying the application