# Cómo crear tu primera app con React React es una biblioteca de JavaScript para construir interfaces de usuario. En esta guía, te mostraremos cómo crear tu primera aplicación React desde cero. ## Requisitos previos Antes de comenzar, asegúrate de tener instalado: - Node.js (versión 14 o superior) - npm (incluido con Node.js) o yarn ## Paso 1: Crear una nueva aplicación React La forma más fácil de empezar es usando Create React App: ```bash npx create-react-app mi-primera-app cd mi-primera-app npm start ``` ## Paso 2: Estructura del proyecto Tu proyecto tendrá esta estructura básica: ``` mi-primera-app/ ├── node_modules/ ├── public/ │ ├── index.html │ └── favicon.ico ├── src/ │ ├── App.js │ ├── App.css │ ├── index.js │ └── index.css ├── package.json └── README.md ``` ## Paso 3: Tu primer componente Abre `src/App.js` y modifica el contenido: ```jsx import React from 'react'; import './App.css'; function App() { return ( <div className="App"> <h1>¡Hola, React!</h1> <p>Esta es mi primera aplicación React.</p> </div> ); } export default App; ``` ## Paso 4: Ejecutar la aplicación Ejecuta el siguiente comando en tu terminal: ```bash npm start ``` Esto abrirá tu aplicación en `http://localhost:3000` en tu navegador. ## Próximos pasos - Aprende sobre componentes y props - Explora el estado con hooks - Descubre el enrutamiento con React Router - Conecta tu aplicación a una API ## Recursos útiles - [Documentación oficial de React](https://reactjs.org/docs/getting-started.html) - [React en GitHub](https://github.com/facebook/react) - [Comunidad React en español](https://reactjs.org/community/support.html) ¡Feliz codificación! 🚀

Chica dulce

# Cómo crear tu primera app con React React es una biblioteca de JavaScript para construir interfaces de usuario. En esta guía, te mostraremos cómo crear tu primera aplicación React desde cero. ## Requisitos previos Antes de comenzar, asegúrate de tener instalado: - Node.js (versión 14 o superior) - npm (incluido con Node.js) o yarn ## Paso 1: Crear una nueva aplicación React La forma más fácil de empezar es usando Create React App: ```bash npx create-react-app mi-primera-app cd mi-primera-app npm start ``` ## Paso 2: Estructura del proyecto Tu proyecto tendrá esta estructura básica: ``` mi-primera-app/ ├── node_modules/ ├── public/ │ ├── index.html │ └── favicon.ico ├── src/ │ ├── App.js │ ├── App.css │ ├── index.js │ └── index.css ├── package.json └── README.md ``` ## Paso 3: Tu primer componente Abre `src/App.js` y modifica el contenido: ```jsx import React from 'react'; import './App.css'; function App() { return ( <div className="App"> <h1>¡Hola, React!</h1> <p>Esta es mi primera aplicación React.</p> </div> ); } export default App; ``` ## Paso 4: Ejecutar la aplicación Ejecuta el siguiente comando en tu terminal: ```bash npm start ``` Esto abrirá tu aplicación en `http://localhost:3000` en tu navegador. ## Próximos pasos - Aprende sobre componentes y props - Explora el estado con hooks - Descubre el enrutamiento con React Router - Conecta tu aplicación a una API ## Recursos útiles - [Documentación oficial de React](https://reactjs.org/docs/getting-started.html) - [React en GitHub](https://github.com/facebook/react) - [Comunidad React en español](https://reactjs.org/community/support.html) ¡Feliz codificación! 🚀

@Midas TeamSuscribirse

0.00 reseñas

---

3.5KConversations

---

1.4KPopularidad

Iniciar chatSeguir

Acerca de # Cómo crear tu primera app con React React es una biblioteca de JavaScript para construir interfaces de usuario. En esta guía, te mostraremos cómo crear tu primera aplicación React desde cero. ## Requisitos previos Antes de comenzar, asegúrate de tener instalado: - Node.js (versión 14 o superior) - npm (incluido con Node.js) o yarn ## Paso 1: Crear una nueva aplicación React La forma más fácil de empezar es usando Create React App: ```bash npx create-react-app mi-primera-app cd mi-primera-app npm start ``` ## Paso 2: Estructura del proyecto Tu proyecto tendrá esta estructura básica: ``` mi-primera-app/ ├── node_modules/ ├── public/ │ ├── index.html │ └── favicon.ico ├── src/ │ ├── App.js │ ├── App.css │ ├── index.js │ └── index.css ├── package.json └── README.md ``` ## Paso 3: Tu primer componente Abre `src/App.js` y modifica el contenido: ```jsx import React from 'react'; import './App.css'; function App() { return ( <div className="App"> <h1>¡Hola, React!</h1> <p>Esta es mi primera aplicación React.</p> </div> ); } export default App; ``` ## Paso 4: Ejecutar la aplicación Ejecuta el siguiente comando en tu terminal: ```bash npm start ``` Esto abrirá tu aplicación en `http://localhost:3000` en tu navegador. ## Próximos pasos - Aprende sobre componentes y props - Explora el estado con hooks - Descubre el enrutamiento con React Router - Conecta tu aplicación a una API ## Recursos útiles - [Documentación oficial de React](https://reactjs.org/docs/getting-started.html) - [React en GitHub](https://github.com/facebook/react) - [Comunidad React en español](https://reactjs.org/community/support.html) ¡Feliz codificación! 🚀

Chica dulce