Aplicaciones nativas con una base de código en JavaScript
Consulta la documentación oficial de React Native en https://reactnative.dev/docs/getting-started
React Native es un framework de desarrollo de aplicaciones móviles que permite crear aplicaciones nativas para iOS y Android utilizando JavaScript y React. Con React Native, los desarrolladores pueden escribir código una sola vez y desplegarlo en ambas plataformas, optimizando tiempo y recursos.
En Dafitech, utilizamos React Native para crear aplicaciones móviles eficientes y escalables, ofreciendo una experiencia de usuario nativa sin tener que desarrollar dos versiones separadas de la misma aplicación para cada plataforma.
Para empezar a desarrollar con React Native, sigue estos pasos:
Asegúrate de tener Node.js instalado. Luego, instala Expo CLI, una herramienta que facilita la configuración de proyectos React Native:
npm install -g expo-cli
Después de instalar Expo CLI, puedes crear un nuevo proyecto React Native utilizando el siguiente comando:
expo init nombre-de-tu-proyecto
Selecciona una plantilla predeterminada (por ejemplo, "blank") y luego cambia al directorio de tu proyecto:
cd nombre-de-tu-proyecto
Para iniciar el proyecto en tu dispositivo o emulador, ejecuta el siguiente comando:
npm start
Esto abrirá Expo Developer Tools en tu navegador, desde donde podrás escanear el código QR con la app de Expo en tu dispositivo o lanzar un emulador.
Vamos a crear una pequeña aplicación que muestra una lista de tareas con React Native.
En el archivo App.js, edita el contenido con el siguiente código:
import React, { useState } from 'react';
import { StyleSheet, Text, View, FlatList, TextInput, Button } from 'react-native';
export default function App() {
const [task, setTask] = useState('');
const [tasks, setTasks] = useState([]);
const addTask = () => {
if (task.length > 0) {
setTasks([...tasks, { key: task }]);
setTask('');
}
};
return (
Ejecuta npm start y utiliza la app de Expo en tu dispositivo móvil o un emulador para ver la aplicación en acción. Podrás agregar tareas y verlas en la lista.