Menu Close

Calculadora-React-Vite

Esta es una aplicación web calculadora simple que permite realizar operaciones matemáticas básicas como suma, resta, multiplicación y división. está construida con React y Vite, este ultimo, un entorno de desarrollo web rápido y liviano utilizado en la actualidad, la integración de Vite con React permite construir aplicaciones web de manera más rápida y eficiente, mejorando la productividad y experiencia del desarrollo en general, En el repositorio se muestra solo la carpeta “src” y no los archivos de configuración necesarios para ejecutar la aplicación que deberán ser descargados por separado.

Los pasos para instalar Vite y crear una aplicación en React son:

1-Tener Node.js y npm instalados en tu computadora. Si no los tenes, descárgalos e instálalos desde el sitio oficial de Node.js (https://nodejs.org).

2-Instalar Vite, desde el terminal ejecutar el siguiente comando para instalar Vite de manera global en tu computadora: npm install -g vite.

3-Creación de una nueva aplicación, desde la terminal, crear una nueva carpeta para el proyecto y luego acceder a ella con el comando cd nombre_de_la_carpeta. Ejecutar el siguiente comando para crear la nueva aplicación de React con Vite: npm init vite@latest. Seguir las instrucciones para configurar la aplicación, incluyendo el nombre del proyecto, el gestor de paquetes (seleccionar npm) y el framework (seleccionar react). Después de que se haya creado la aplicación, acceder a la carpeta del proyecto con cd nombre_de_tu_proyecto.

4-Instalación de dependencias, en la carpeta de tu proyecto, ejecuta el comando npm install para instalar las dependencias necesarias.

5-Ejecución de la aplicación, ejecutar el comando npm run dev para iniciar. Esto abrirá la aplicación en tu navegador predeterminado, Si todo está configurado correctamente, deberías ver la página de inicio predeterminada de React + Vite. Podes comenzar a editar los archivos en la carpeta src y ver los cambios en tiempo real en tu navegador.

6-Para que esta calculadora funcione correctamente operando los números que ingresamos es neceseario configurar “mathjs” desde el terminal abriendo un nuevo “PowerShell” y a continuacion ejecutando el comando “nmp install mathjs”, su correcta instalación se puede verificar en el archivo “package-lock.jason”

View Source Code
Posted in Development