Código de Hello World em React

Publicidade

Para criar o projeto é necessário executar o comando abaixo, este comando será responsável por criar um projeto react padrão com o nome memo e esta operação levará alguns minutos:


npx create-react-app memo

Uma vez criado o projeto, é possível executá-lo:


cd memo
npm start

Uma vez criado o projeto e executado, eliminaremos alguns recursos que não utilizaremos no projeto:

Dentro na pasta source (src), removeremos o App.css, App.test.js, index.css, logo.svg, setupTests.js, reportWebVitals.js.

Do arquivo index.js deixaremos apenas a parte que nos interessa:


import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

Do arquivo App,js deixaremos apenas o código:


import React from "react";

function App() {
  return (
    <h1>Hello World!</h1>
  );
}

export default App;

Que resultará na página:

ReactJS HelloWorld
react
novembro 02, 2022
0

Comentários

Menu

Pesquisar

Últimos Comentários

Fale Comigo