RafaRz76Dev / 01.DESAFIOSTACKX-WEB3.0-REACT

Lançados 03 projetos que fazem parte do Módulo Web 3.0 do Curso StackX, neste desafio foram aplicadas as seguintes stacks => React use Styled-Components , TypeScript e HTML5🙌🚀

Olá

---

Venho aqui apresentar

DESAFIO WEB 3.0 STACKX

Vão ser lançados 03 projetos que fazem parte do Módulo Web 3.0 do Curso StackX - Formação de Desenvolvedores de Software.

Requisitos para o Desafio:

1. A lista de tecnologias deve ser um array onde no HTML você irá fazer um map para listar;

2. Ao clicar no botão de linguagem o texto de apresentação ”Olá meu nome....” muda para a linguagem selecionada;

3. O botão de linguagem deve ser um componente onde você passará 3 propriedades: Título, ícone e o click dele;

4. Para estilização

• React use Styled Components
• Angular use Sass
• Vue use Tailwind CSS

---

Suas aplicações vão ser:

---

Ferramenta Do Desafio⁉

---

 Linguagem Tecnológica do Desafio:

---

1º Desafio REACT

Clique aqui para acessar o Projeto

---

---

Passo a Passo do Projeto:

Vai abrir o terminal PowerShell e executar o comando:

• npm create vite @latest para criação do projeto .

No terminal do PowerShell vai digitar:

• code . onde vai direto para a ferramenta do VSCode.

Bibliotecas importadas no terminal do VSCode👇

• yarn add --dev @types/react;
• npm add @types/styled-components -D;
• npm install axios.

Scripts Disponíveis para quando for baixar o projeto👇

Vai digitar no terminal do VSCode os comandos:

• yarn install ;
• yarn run dev 👉 Abra "http://127.0.0.1:5173/" para visualizar o projeto em seu navegador.

✅ Implementado o componente Props:

👉 Link: https://pt-br.reactjs.org/docs/components-and-props.html

---

▶ 😀👀 Bora lá....

Gostou, então já clica na 🌟

---

Você pode aprender mais na documentação do Create React App .

Para aprender o React, confira a documentação do React .

Link: https://pt-br.reactjs.org/docs/getting-started.html.