Visão Geral

Este curso ensina os fundamentos essenciais de React JS de forma prática e direta. Ideal para quem quer aprender rapidamente como criar aplicações interativas e funcionais com React.

Objetivo

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

• Criar componentes React básicos
• Gerenciar estado e props
• Renderizar listas e conteúdo dinâmico
• Implementar navegação simples
• Consumir APIs REST
• Criar uma aplicação React funcional e interativa

Publico Alvo

• Iniciantes que querem aprender React rapidamente
• Desenvolvedores front-end que precisam de um overview prático
• Estudantes que desejam criar projetos simples
• Profissionais que querem entender React em poucas horas

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 the development environment (Vite / CRA)
3. Project structure basics
4. Running your first React app

Module 2 – JSX and Components

1. Understanding JSX syntax
2. Functional components and props
3. Nested components and reusability
4. Conditional rendering

Module 3 – State and Events

1. Managing state with useState
2. Handling events and user interaction
3. Updating state dynamically
4. Best practices for simple state management

Module 4 – Lists and Dynamic Rendering

1. Rendering arrays of data
2. Keys and unique identifiers
3. Mapping data to components
4. Conditional lists

Module 5 – Basic Routing

1. Introduction to React Router
2. Simple navigation between pages
3. Passing data via routes
4. Redirects and links

Module 6 – API Integration

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

Module 7 – Styling and UI

1. Basic styling with CSS
2. Inline styles and CSS Modules
3. Responsive design basics
4. Quick UI improvements

Module 8 – Final Mini Project

1. Building a simple React application
2. Applying components, state, routing, and API data
3. Testing and debugging
4. Deploying a functional React app