Tutoriais

https://vvcestudio.com.br/pt/tutorial/javascript/Reactjs/
menu

React.JS

O que é ReactJS?

O React é uma biblioteca JavaScript de código aberto com foco em criar interfaces de usuário em páginas web.
É mantido pelo Facebook, Instagram, outras empresas e uma comunidade de desenvolvedores individuais.

Exemplo de código ReactJS
x
ReactDOM.render(
<h1>Titulo</h1>
document.getElementById('root')
);

Este projeto usa ReactJS em conjunto com NextJS.

Exemplo de React simples: https://github.com/ViniciusVC/repository_js_public/tree/main/react_puro_busca

O React é utilizado nos sites da Netflix, Imgur, Feedly, Airbnb, SeatGeek, HelloSign, Walmart e outros.
Este projeto utiliza React.JS, para a criação de componentes.

Comando para criar projeto ReactJS
Criar projeto
x
npx create-react-app react_puro_busca

Os codigos estão no diretório /SRC.
Edite os arquivos app.js, index.html e index.js.

Rodar o servidor de desenvolvimento.
Rodar projeto
x
npm start

Acesse o http://localhost:3000/ para ver o site gerado.

Quando terminar gere um build.
Build do projeto
x
npm rum build
Uma pasta Dist será criada.
GitHub
Um exemplo de projeto React simples:
https://github.com/ViniciusVC/.../react_puro_busca

Projeto exemplo React consultando API Pokeapi:
https://github.com/ViniciusVC/.../react_pokemon

Projeto exemplo React de Login:
https://github.com/ViniciusVC/.../react_login_avatar