Ejemplo React estático


import './App.css'
import React from 'react'

class Alumno extends React.Component {
  render () {
    return <h2>Me llamo Ralph</h2>
  }
}

function Cabecera () {
  return (
    <header>
      <h1>Hola ¿Qué tal estamos?</h1>
      <p>Yo bien.</p>
    </header>
  )
}
function Barra () {
  return (
    <aside>
      <ul>
        <li>Opción 1</li>
        <li>Opción 2</li>
        <li>Opción 3</li>
        <li>Opción 4</li>
      </ul>
    </aside>
  )
}
function Footer () {
  return (
    <footer>Pie de pagina</footer>
  )
}
function App () {
  return (
    <div className='App'>
      <Cabecera />
      <Alumno />
      <Barra />
      <Footer />
    </div>
  )
}

export default App