Scribd
Cargar
2 vistas3 páginas

JavaScript Basico para React Native

Este documento es una introducción a JavaScript enfocada en quienes comienzan con React Native, cubriendo conceptos básicos como variables, funciones, objetos y arrays. Se explica cómo se utilizan estos elementos en el contexto de React Native, incluyendo ejemplos prácticos. Comprender estos fundamentos es esencial para desarrollar aplicaciones móviles con React Native.

Cargado por

santiago Bergerat
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
2 vistas3 páginas

JavaScript Basico para React Native

Este documento es una introducción a JavaScript enfocada en quienes comienzan con React Native, cubriendo conceptos básicos como variables, funciones, objetos y arrays. Se explica cómo se utilizan estos elementos en el contexto de React Native, incluyendo ejemplos prácticos. Comprender estos fundamentos es esencial para desarrollar aplicaciones móviles con React Native.

Cargado por

santiago Bergerat
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

JavaScript básico aplicado a React Native

Este documento es una introducción a JavaScript pensada específicamente para personas que están
comenzando con React Native. No es un curso completo de JavaScript, sino lo mínimo necesario para entender
cómo funciona React Native.

¿Qué es JavaScript?

JavaScript es un lenguaje de programación que permite darle lógica y comportamiento a una aplicación. En
React Native, JavaScript se usa para crear componentes, manejar datos y responder a acciones del usuario.

Variables

Las variables se usan para guardar información. En JavaScript se usan principalmente 'const' y 'let'.

Ejemplo:
const nombre = 'Juan';
let edad = 20;

'const' se usa cuando el valor no va a cambiar. 'let' se usa cuando el valor puede cambiar.

Funciones

Las funciones son bloques de código que realizan una tarea. En React Native, los componentes son funciones.

Ejemplo:
function saludar() {
return 'Hola';
}

Un componente en React Native es una función que devuelve interfaz.

Ejemplo de componente:
function HomeScreen() {
return (
<Text>Home</Text>
);
}

Arrow Functions
Las arrow functions son una forma moderna de escribir funciones y son muy usadas en React.

Ejemplo:
const sumar = (a, b) => {
return a + b;
};

Ejemplo aplicado a React Native:

const HomeScreen = () => {


return (<Text>Home</Text>);
};

Objetos

Un objeto agrupa información relacionada.

Ejemplo:
const persona = {
nombre: 'Ana',
edad: 25
};

En React Native, los estilos y las props se escriben como objetos.

Arrays

Los arrays se usan para guardar listas de datos.

Ejemplo:
const tareas = ['Estudiar', 'Comer', 'Dormir'];

Ejemplo en React Native para mostrar una lista:

{[Link](tarea => (
<Text>{tarea}</Text>
))}

Import y Export

Permiten usar archivos y componentes en otras partes del proyecto.

Exportar:
export default HomeScreen;
Importar:
import HomeScreen from './HomeScreen';

Conclusión

React Native se basa en JavaScript. Entender estos conceptos básicos permite avanzar sin miedo y comprender
mejor cómo funciona una aplicación móvil.

También podría gustarte