import React from 'react';
import ReactDOM from 'react-dom';//estos 2 son default al parecer

import './index.css';//equiv link ene html
import MiComp1 from './App';//aqui lo puedes renombrar distinto a come se llame en App.jsx (o .js da igual pero brackets no lo lee bien)
//import reportWebVitals from './reportWebVitals';//borraste este archivo

ReactDOM.render(
  <React.StrictMode>{/*el strict mode hace echo en la consola*/}
		{//en principio también puedes comentar asi
		}
    <MiComp1 />{/*El primer component se llama root component,
	aunque por lo general lo llamas App. Por lo general el root llama a otros sub components a su vez*/}
  </React.StrictMode>,
  document.getElementById('root')//esto hace el echo al elemento root en index.html en public
	//los comentarios en jsx son {/**/} pero en js son normales.
	//Son así en JSX porque cualquier cosa que pongas entre {} lo interpreta como JS !
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
//reportWebVitals();
