Lenguaje, framework y librería: qué es cada uno y cómo se juntan en tu app
La diferencia explicada con un videojuego, lo que más se usa hoy para construir con IA, cómo se juntan en un chat con Claude y el prompt para que Claude te explique cada pieza antes de programar.
Descargar el PDF192 KBEn esta página · 9 partes
Le pides a Claude que te arme una app con IA y te responde: «la hago en TypeScript, con Next.js, el AI SDK y Zod». En esa frase hay un lenguaje, un framework y dos librerías. Esta guía te explica qué es cada uno, para que sepas qué estás aceptando.
Las tres piezas, como un videojuego
| Pieza | En el videojuego | En tu app |
|---|---|---|
| Lenguaje | El control: los botones con que das las órdenes | Las palabras y reglas con que le das instrucciones al computador |
| Librería | Un power-up: lo agarras y lo usas cuando quieres | Código ya escrito para una tarea, que tú llamas cuando lo necesitas |
| Framework | El nivel: ya viene armado con su mapa, su camino y sus jefes | La estructura de tu app: decide dónde va cada cosa y cuándo corre |
El lenguaje
Es la base de todo. Con IA vas a ver sobre todo dos:
- Python: el más usado para datos, modelos y automatizaciones.
- TypeScript: JavaScript con tipos. Domina en las aplicaciones web, tanto en la pantalla como en el servidor.
Las librerías más usadas con IA
| Librería | Lenguaje | Para qué sirve |
|---|---|---|
| SDK de Anthropic | Python y TypeScript | Hablar con Claude desde tu código |
| AI SDK (de Vercel) | TypeScript | Hablar con Claude y con otros modelos usando el mismo código |
| Zod | TypeScript | Revisar que los datos lleguen con la forma correcta |
| Pydantic | Python | Lo mismo que Zod, para Python |
| React | JavaScript/TypeScript | Armar la interfaz con componentes |
Los frameworks más usados
| Framework | Lenguaje | Para qué sirve |
|---|---|---|
| Next.js | TypeScript | Aplicaciones web completas: páginas, servidor y rutas |
| FastAPI | Python | Servidores y APIs, muy usado para exponer modelos |
| Django | Python | Aplicaciones web con panel de administración incluido |
| Expo | TypeScript | Apps para iPhone y Android con un solo código |
La diferencia de verdad: quién llama a quién
A una librería la llamas tú: tu código manda y ella responde. Un framework te llama a ti: él manda y ejecuta tu código cuando le toca. Igual que en el juego: el power-up lo usas cuando quieres, pero el jefe aparece cuando el nivel decide.
// Librería: tú decides cuándo usar Zod
import { z } from 'zod';
const Mensaje = z.object({ texto: z.string() });
Mensaje.parse(datos);
// Framework: Next.js ejecuta esta función cuando alguien abre la página
// (archivo app/page.tsx)
export default function Pagina() {
return <h1>Hola</h1>;
}
Lo que poca gente sabe: React es una librería, y Next.js es el framework que la usa por dentro. Un framework puede traer muchas librerías adentro, pero lo que lo define es que manda él.
Cómo se juntan en un chat con Claude
- Todo está escrito en TypeScript (el lenguaje).
- Next.js arma la página y recibe el mensaje del usuario (el framework).
- Tu código llama al AI SDK para mandárselo a Claude (una librería).
- Zod revisa que la respuesta venga como esperas antes de mostrarla (otra librería).
Lo que cuesta cambiar cada una
| Si cambias… | En el juego | En tu app |
|---|---|---|
| Una librería | Cambias de power-up | Cambias una pieza; el resto sigue igual |
| El framework | Te vas a otro mapa | Hay que reordenar buena parte de la aplicación |
| El lenguaje | Cambias de consola | Casi empiezas de cero |
Regla práctica: elige el lenguaje y el framework con calma, porque son las decisiones caras. Las librerías se pueden ir cambiando.
Qué le pides a Claude
Claude elige todo esto por ti si no le dices nada. Antes de que programe, pégale este prompt:
Antes de escribir código, explícame el stack que propones para este proyecto:
- Qué lenguaje vas a usar y por qué ese y no otro.
- Qué framework vas a usar, qué decide él por mí y qué alternativa descartaste.
- Qué librerías vas a instalar y qué tarea resuelve cada una.
- Cuál de estas decisiones sería más cara de cambiar después.
Explícalo en lenguaje simple, como si yo no programara. Si te falta saber algo de mi proyecto para elegir, pregúntamelo. No escribas código todavía.
En tres líneas
- El lenguaje es el control: las palabras con que le das órdenes al computador.
- El framework es el nivel que manda: la estructura de tu app, que llama a tu código cuando le toca.
- Las librerías son los power-ups que usas tú: código listo que llamas cuando lo necesitas.