Tutorial de reacción
React es una biblioteca de JavaScript para crear interfaces de usuario.
React se utiliza para crear aplicaciones de una sola página.
React nos permite crear componentes de interfaz de usuario reutilizables.
Empieza a aprender Reacciona ahora ❯Aprendiendo con ejemplos
Nuestra herramienta "Mostrar React" facilita la demostración de React. Muestra tanto el código como el resultado.
Ejemplo:
import React from 'react';
import ReactDOM from 'react-dom';
function Hello(props) {
return <h1>Hello World!</h1>;
}
ReactDOM.render(<Hello />, document.getElementById('root'));
Aprendizaje por ejercicios
Reaccionar prueba
Pon a prueba tus habilidades de React con un cuestionario.
Crear aplicación de reacción
Para aprender y probar React, debe configurar un entorno React en su computadora.
Este tutorial utiliza el create-react-app.
La create-react-appherramienta es una forma oficialmente compatible de crear aplicaciones React.
Se requiere Node.js para usar create-react-app.
Abre tu terminal en el directorio en el que te gustaría crear tu aplicación.
Ejecute este comando para crear una aplicación React llamada
my-react-app:
npx create-react-app my-react-app
create-react-appconfigurará todo lo que necesita para ejecutar una aplicación React.
Nota:
si anteriormente realizó una instalación create-react-appglobal, se recomienda que desinstale el paquete para asegurarse de que npx siempre use la última versión de
create-react-app. Para desinstalar, ejecute este comando: npm uninstall -g create-react-app.
Ejecute la aplicación React
Ejecute este comando para moverse al my-react-appdirectorio:
cd my-react-app
Ejecute este comando para ejecutar la aplicación React
my-react-app:
npm start
¡Aparecerá una nueva ventana del navegador con su aplicación React recién creada! Si no, abra su navegador y escriba
localhost:3000en la barra de direcciones.
El resultado:
Aprenderá más sobre Reactcreate-react-app en el capítulo Primeros pasos.
Lo que ya deberías saber
Antes de comenzar con React.JS, debe tener experiencia intermedia en:
- HTML
- CSS
- JavaScript
También debe tener algo de experiencia con las nuevas funciones de JavaScript introducidas en ECMAScript 6 (ES6), aprenderá sobre ellas en el capítulo React ES6 .