REACT | Notion

Anotaciones de como crear un proyecto hasta como subirlo a netlify

INICIO DE PROYECTO.

<aside> 💡 ¿Cómo iniciar un proyecto en REACT?

// Comando de creacion de proyecto
		npm create vite@latest
// Comando de instalacion de dependecias 
		npm install
// Comando para inicir proyecto en modo desarollo
		npm run dev

</aside>

Al iniciar su proyecto de REACT siempre estar en la carpeta de su proyecto.

<aside> 💻 Ejemplo

tenemos nuestra carpeta Padre llamada proyecto y entremos en ella y creamos el proyecto que será el hijo usar el comando.

cd hijo

De esta manera ya estarán el la carpeta hijo y les funcionara los comando.

	 npm install
	 npm run dev

</aside>

¿Cómo Exportar Componentes?

pues la mande es exportar el componente de esta manera

<aside> 💻 Exportas Componentes REACT

export { Menu } from "./Menu.jsx"

Así la se podrá llamar al componente

import { Menu } from './componentes/Menu.jsx'; 

ReactDOM.render(
  <React.StrictMode>
    <Menu />
  </React.StrictMode>,
  document.getElementById('root')
);

Aquí se renderizara todo los componentes

  <body>
    <div id="root">
      <!--
      Aqui es donde se renderizara todo
      -->
    </div>
    <script type="module" src="/src/main.jsx"></script>
  <body>

</aside>

Forma de hacer un componente en REACT.

<aside> 💻 Forma De Hacer Un Componente.

export function Menu(){
		return(
			<menu>
				<ul>
					<li><a href="></a></li>
				</ul>
			</menu>
		)
}

//Esta sera la manera de llamarlo al componente en el html
<Menu />

</aside>