Scribd
Carregar
52 visualizações5 páginas

Introducao Ao React

O React é uma biblioteca JavaScript amplamente utilizada para criar interfaces de usuário interativas e eficientes, dividindo a interface em componentes autônomos para facilitar a manipulação individual de cada parte. O React permite dividir sites em pequenas partes chamadas "componentes" como peças de Lego, e atualizar apenas as partes que mudam rapidamente sem atualizar todo o site.

Enviado por

Fabiola Prado
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
52 visualizações5 páginas

Introducao Ao React

O React é uma biblioteca JavaScript amplamente utilizada para criar interfaces de usuário interativas e eficientes, dividindo a interface em componentes autônomos para facilitar a manipulação individual de cada parte. O React permite dividir sites em pequenas partes chamadas "componentes" como peças de Lego, e atualizar apenas as partes que mudam rapidamente sem atualizar todo o site.

Enviado por

Fabiola Prado
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 5

React.

js
O React é uma biblioteca JavaScript amplamente empregada na criação de
interfaces de usuário interativas e eficazes. Ele simplifica a integração de
diferentes partes de uma página, dividindo-a em unidades autônomas
conhecidas como componentes. Em essência, o React desmembra a interface
em diversos componentes para possibilitar a manipulação individual de cada um
deles.

Aqui estão algumas razões pelas quais é tão bom:

1. Peças de Lego para Sites: O React permite que os programadores dividam o site
em pequenas partes chamadas "componentes". É como usar peças de Lego para
construir um site, e você pode reutilizar as peças em diferentes lugares.

2. Rápido e Esperto: O React é muito inteligente. Ele faz as coisas acontecerem


mais rápido, como atualizar partes do site que mudam, sem fazer todo o site
piscar. É como trocar uma foto em um álbum de fotos sem mexer em todas as
outras.

3. Só uma Direção: O React segue uma regra simples: os dados vão em uma
direção. Isso torna as coisas mais fáceis de entender. É como seguir um mapa de
uma só maneira para chegar a um lugar.

4. Comunidade e Ferramentas: Muitas pessoas usam o React, então há muitos


desenvolvedores e ferramentas para ajudar. É como estar em uma grande
comunidade onde todos se ajudam.
Como criar um projeto React?

Antes de tudo, você deve instalar o Node.js no seu computador.

Link para download: https://nodejs.org/en

Você precisa baixar o Node.js ao usar o React devido ao seguinte:

O Node.js oferece um ambiente de execução JavaScript tanto no navegador


quanto no servidor
Ele inclui o npm para gerenciar bibliotecas e dependências, como o React
É essencial para o desenvolvimento de servidores e renderização no lado do
servidor
Muitas ferramentas de construção, como Babel e Webpack, usam o Node.js
para processar código JavaScript moderno.

Como criar o projeto

Após o download do Node, crie uma pasta e a abra no VS Code


Abre o terminal integrado dentro do VS Code

Após clicar no botão, abrirá uma tela igual a essa:

Pasta atual

O projeto React é criado de maneira automática por linhas de código, e para isso, utilizaremos o

Vite. Vite é uma ferramenta de construção de projetos de frontend que se destina a oferecer uma

experiência de desenvolvimento mais rápida e leve para projetos de web modernos.

Guia: https://pt.vitejs.dev/guide/

Código que iniciar o projeto

npm create vite@latest

Ao apertar Enter, o programa irá te pedir umas informações

Nome do projeto

Tipo de projeto (No caso, escolha React)


Selecione uma variante (Escolha JavaScript)

Após selecionar, irá criar o projeto inicial.


Após criado, volte ao terminal para baixar os arquivos restantes (node_modules)

Agora escreve os seguintes códigos:

cd nome-do-projeto

Alterou para a pasta do projeto


Entra na pasta do projeto

npm instal
Baixa o módulos do node (node_modules)

npm run de
Cria um servidor local e hospeda o projeto

Pronto, agora seu projeto foi criado e já está rodando.

Link para acessar o projeto

Você também pode gostar