Alquimista de código

En esta ocasión veremos cómo crear un proyecto Typescript con Vite . Typescript es un lenguaje de programación considerado como una extensión del clásico Javascript . Con la peculiaridad de ser un lenguaje: De tipado estático.  Compilado.  Orientado a objetos.  Capaz de detectar errores. En pocas palabras, es un lenguaje de programación que aprendió de los errores de su predecesor y obtuvo su propia esencia. Iniciamos con la creación de un proyecto Vite . Elegiremos Typescript como lenguaje base. La instrucción es la siguiente: $ npm create vite En el prompt pondremos como nombre del proyecto `` fundamentos ``. Como framework elegiremos a `` Vanilla JS `` y como variante a `` Typescript ``. Ahora nos ubicaremos en el directorio creado y ejecutamos el proyecto: $ cd fundamentos $ npm install $ npm run dev El directorio lucirá como este: fundamentos / . gitignore ...

En esta ocasión veremos cómo crear una sencilla aplicación con React . Es importante hacer notar que la herramienta https://create-react-app.dev/ ha sido deprecada ( declarada obsoleta ). Así que usaremos Vite para crear la aplicación. En una entrega anterior como instalarlo y usarlo. Recordemos un poco. Debemos contar con estas herramientas instaladas: Node y Npm.  Vite. En caso de no tenerlo instalado, procedemos a teclear esto en una terminal de comandos: $ npm install - g vite Verificamos la instalación con cualquiera de estos comandos: $ vite -- version $ npm list - g vite Crear una aplicación React con Vite nos lleva tan solo unos segundos (aproximadamente): $ mkdir holamundo $ cd holamundo $ npm create vite@latest holamundo - react -- -- template react $ npm install $ npm run dev Se abrirá el navegador en la URL: http://localhost:5173/ Creando una aplicación con React (y Vite) Podemos usar como base el proyecto anteriorm...

Esta vez veremos Vite, la cual es, según la documentación oficial: una herramienta de compilación que tiene como objetivo proporcionar una experiencia de desarrollo más rápida y ágil para proyectos web modernos. Consta de dos partes principales: Un servidor de desarrollo que proporciona mejoras enriquecidas de funcionalidades sobre módulos ES nativos, por ejemplo Hot Module Replacement ( HMR ) extremadamente rápido.  Un comando de compilación que empaqueta tu código con Rollup , preconfigurado para generar recursos estáticos altamente optimizados para producción. Como primer requisito es tener Node Js instalado y después instalar Vite . Podemos instalarlo de esta forma: $ npm install -g vite Una vez instalado creamos un directorio y nos ubicamos en el: $ mkdir holamundo $ cd holamundo Creamos un archivo `` index.html `` < h1 > Bienvenidos a Vite < h1 > Ejecutamos con este comando: $ npx vite Abrimos el navegador en la ruta: ...