Questão 1

Objetivo

• Criar um botão vermelho com bordas arredondadas usando React. Ele deve exibir "Clique-me!". Quando você clicar nele, um alerta aparecerá, te avisando que o botão foi clicado.

Como Fiz?

• Componente React + vite: Usei a biblioteca React junto com vite para criar um componente de botão.
• Estilo Personalizado: Adicionei estilos ao botão para torná-lo vermelho e com bordas arredondadas.
• Manipulação de Eventos: Implementei um manipulador de eventos para o clique, que exibe um alerta.

Evidências:

Project setup

npm install

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh