Ir al contenido principal

Entradas

Consumir un servicio Spring Boot desde React (3ra parte)

Continuamos con la tercera parte de la creación de una aplicación web para crear tickets de soporte técnico donde: El usuario indicará el problema y lo enviará al equipo de soporte. El equipo del soporte lo recibirá y atenderá. Recapitulando: Tenemos creado el diseño teórico de la aplicación.  Su base de datos y tablas.  El esqueleto del proyecto con Spring Boot. En está ocasión crearemos la aplicación web con la ayuda de Vite y React . Comencemos pues con la creación del proyecto. Creando el proyecto con Vite (y React) Requisitos: Node.js instalado (última versión).  npm (se instala junto con Node).  Un editor de código como Visual Studio Code o cualquier otro. ¿Por qué Vite? Vite es una herramienta que nos facilita el desarrollo aplicaciones web. Ofrece un servidor de desarrollo instantáneo con recarga en caliente (HMR) ultrarrápido y compilaciones optimizadas para producción. Es compatible con frameworks p...
Entradas recientes

Flix: un lenguaje de programación orientado a efectos

El sitio oficial del lenguaje nos dice: Flix es un lenguaje de programación funcional, imperativo y lógico, basado en principios y orientado a los efectos , desarrollado en la Universidad de Aarhus y por una comunidad de colaboradores de código abierto . Los sistemas de efectos representan la siguiente gran evolución en los lenguajes de programación de tipado estático. Al modelar explícitamente los efectos secundarios , la programación orientada a efectos fomenta la modularidad y facilita el razonamiento del programa . Los efectos y manejadores definidos por el usuario permiten a los programadores implementar sus propias estructuras de control. A todo esto, ¿Qué es la programación orientada a efectos? Flix y la programación orientada a efectos La programación orientada a efectos (Effect-Driven Programming o gestión de efectos algebraicos) es un paradigma de programación que busca controlar y modelar de forma explícita los efectos secundarios de un programa...

ReScript: Javascript hecho fácil para humanos e IA

ReScript es un lenguaje de tipado fuerte que se compila en JavaScript limpio y eficiente, legible y comprensible tanto para humanos como para herramientas de IA. Su compilador rápido y su sistema de tipos estáticos permiten ciclos de retroalimentación ágiles, lo que te permite avanzar con rapidez gracias a la asistencia de la IA, manteniendo la confianza a medida que crece tu código. Instalando ReScript Vamos a abrir una terminal y tecleamos: $ npm install rescript Verificamos la instalación: $ npm list Esto creará un proyecto Node con módulos, pero eso no es lo que queremos. Para no causar confusión, veremos el paso a paso. Creando un proyecto ReScript Abrimos una terminal y tecleamos: $ npx create-rescript-app O de este otro modo: $ npm create rescript-app @latest Nosotros usaremos la segunda forma. 1. Comenzamos creando el directorio y nos ubicaremos en el: $ mkdir holamundo $ cd holamundo 2. Crearemos el proyecto: ...

Uvicorn: creando un servicio REST con FastAPI

Anteriormente ya hemos hablado de FastAPI . Ahora hablaremos de Uvicorn , un servidor web ASGI ( Asynchronous Server Gateway Interface ) para Python . Uvicorn es compatible con HTTP/1.1, HTTP/2 y WebSockets. Conociendo Uvicorn Lo primero que haremos será actualizar la herramienta `` pip ``, instalaremos Uvicorn y listaremos los paquetes instalados: $ python -m pip install --upgrade pip $ pip install uv uvicorn $ pip list Creando un Hola, mundo con Uvicorn y FastAPI Crearemos el proyecto: $ uv init hola-mundo --bare $ cd hola-mundo $ uv add "fastapi[standard]" Esto hará lo siguiente: Crear el proyecto.  Ubicarnos en el directorio principal. Añadir las dependencias necesarias. Crearemos el archivo `` main.py `` y su contenido será el siguiente: from fastapi import FastAPI app = FastAPI() @app .get( "/" ) async def root (): return { "message" : "Hola, mundo" } Esta ap...

Ioke en otro vistazo

Ya hemos hablado de este lenguaje de programación anteriormente . Según la documentación oficial: "Ioke es un lenguaje de naturaleza recursiva (o «plegable»). Permite escribir código altamente expresivo que, a su vez, genera código. Ioke posibilita la creación de abstracciones a cualquier nivel, y la expresividad es el objetivo fundamental del lenguaje". Conociendo Ioke Ioke es un lenguaje de programación de tipado fuerte, dinámico y basado en prototipos. Es fuertemente tipado porque el sistema de tipos es estricto y no permite mezclar valores de distintos tipos sin conversión explícita. Es dinámico porque el sistema de tipos se evalúa en tiempo de ejecución, no en compilación. Las variables pueden cambiar de tipo y no requieren declaración previa. Es un lenguaje basado en prototipos porque en lugar de clases, los objetos se crean copiando otros objetos (prototipos). La herencia se logra extendiendo o modificando prototipos. Inspirado en I...

Wasp en un vistazo

Wasp es un framework web full-stack de código abierto para React y Node.js, diseñado para desarrollar aplicaciones web modernas y SaaS de forma rápida y con menos código duplicado ( boilerplate ). Su enfoque principal se basa en un lenguaje de configuración declarativo propio (el archivo .wasp ), donde defines la arquitectura global de tu aplicación, mientras escribes la lógica de frontend y backend usando JS/TS estándar. Introducción a Wasp ¿Cómo funciona Wasp? Observemos un diagrama para ver cómo funciona: ┌────────────────────────────────────────────────────────┐ │ Archivo main . wasp │ │ (Defines páginas, rutas, auth, modelos de datos) │ └──────────────────────────┬─────────────────────────────┘ │ Compila a ┌────────────┴────────────┐ ▼ ▼ ┌────────────────────┐ ┌────────────────────┐ │ React (Client App) │ │...

Yew en otro vistazo

Yew es un marco de trabajo (framework) para crear aplicaciones web fiables y eficientes. Usa Rust como lenguaje base. Ya hemos hablado sobre esta herramienta en una entrega anterior . Como mencionamos usa WebAssembly , lo que permite la implementación en la web para aplicaciones de cliente y servidor. Este framework ha sufrido algunos cambios y veremos cómo crear una sencilla aplicación como la vista en la anterior entrega. Yew framework Manos a la obra. Comencemos con un ejemplo sencillo. Pero antes los requerimientos: Tener Rust. Tener Cargo. Abrimos una terminal y tecleamos: $ rustup update Esto actualizará la versión de Rust instalada en nuestra máquina. La instalación puede tardar varios minutos. Instalando WebAssembly y Trunk Además de tener la última versión de Rust (y Cargo) deberemos instalar WebAssembly y Trunk ; ambos son paquetes necesarios para empezar con Yew . Ejecutemos estos comandos para la instalación: $ rustup target add ...