3.ArrowFunctionExercicios.md

Exercício de Arrow Functions no React 🏹🖥️

Instruções 📝

1. Crie um novo projeto React 🚀 utilizando o comando npm create vite@latest e siga os passos para configurá-lo com React. Escolha um nome significativo para o seu projeto.

2. Explore a estrutura de pastas do seu novo projeto React 🗂️. Localize as pastas e arquivos principais, como node_modules, public, src, App.jsx, main.jsx, index.html, etc.

3. Prática com Arrow Functions no App.jsx 🏹:

   • Dentro do componente App, crie uma arrow function chamada saudacao que retorna uma saudação simples, como "Olá, Mundo com Arrow Functions!" 🌍.
   • Exiba o retorno da função saudacao dentro de um elemento <h1>.

4. Crie uma Arrow Function para Cálculo Simples 🔢:

   • Defina uma arrow function chamada calculaDobro que retorna o dobro do número 256.
   • Use esta função para calcular o dobro de um número e exiba o resultado em um elemento <p>.

5. Estilize seu Componente 👗:

   • Abra o arquivo de estilo (como app.css ou index.css) e adicione algumas regras de estilo para seu header, lista e parágrafo. Experimente com cores 🎨, fontes e alinhamentos.

Quer correção? Envie o seu exercício resolvido na área de comentários da matéria da aula no Classroom. 🏫