Estos recursos son complementarios. Las clases están subidas en Canvas.

• Evan You - Frontend tooling, past and future
• CSS:
  • Nueva propuesta de layouts en CSS: item-flow
  • Pensando en StyleX (sistema que usa META)
• Temas IAs:
  • Artificial Analysis para conocer diferentes modelos y sus capacidades
  • “ChatGPTs” para apps web: bolt.new, v0.dev, lovable, etc
  • Editores con IA para probar: Cursor, Copilot, Zed, Windsurf, Trae
  • Model Context Protocol y su documentación en Cursor
  • Como el CEO de builder.io (IA + Figma y CMS) usa Cursor
  • Casos de usos de Convex con MCP

Las tareas son públicas, les recomendamos revisar repositorios de semestres pasados.

Deploy recomendado: Vite vanilla-ts y GitHub Pages. Si quieren correrlo en el terminal, Bun.

La charla Functional Programming Design Patterns (link a YouTube), la charla Functional programming patterns for the non-mathematician, y el post Lazy, composable, and modular JavaScript.

Ejemplos de Left y Right, y del patrón Effect para el manejo de errores.

Effect es una librería moderna que usa varios patrones funcionales, que ha ganado tracción considerable. La librería fp-ts, enfocada principalmente en primitivos de estilo funcional, se sumó a Effect.

Gleam es un lenguaje funcional que corre en Erlang. Es un lenguaje funcional inspirado en Elixir, y permite ser compilado a JavaScript.

RxJS, librería enfocada al manejo de eventos, que fue bien usado en Angular. Loadash es una de las primeras grandes librerías de JS que incluía patrones funcionales.

Este articulo de SO que habla de Reactive Programing, que es tangencial a la programación funcional, y tiene ideas que ha tomado frameworks como Svelte.

Deploy recomendado: Vite vanilla-ts (o un framework) y GitHub Pages.

Notificaciones: Firebase Cloud Messaging.

WASM: Rust con wasm-pack

• La guia de wasm-bindgen (lo que se encarga del build) y la de wasm-pack (lo que se encarga de empaquetado)
• Correrlo en vite con vite-plugin-wasm.
• Tutoriales de mozilla, videos tutoriales rápidos sin bundler y con Vite.

• La crate image, muy usada para procesamiento de imagenes.
• El proyecto Photon, editor simple de imagenes en WASM.
• Proyectos más pequeños como imageproc-website y wasm-image.

• La página de WebAssembly, especialmente el FAQ.
• WebAssembly proposals. El que se destaca más y que probablemente usen, es un polyfil de ESModule Integration.

• Documentación de mozilla.
• Learn PWA y Explore Progressive Web Apps de Google.
• El listado de campos disponible en el manifest.
• Trabajar con Web Workers: Workbox y su fork Serwist, que tiene adaptadores a frameworks.

• El showcase del proyecto Fugu de Chrome.
• Varios docs de Learn PWA: Integrarse al sistema operativo, App Shortcuts y Splash Screens, Diseño de la App.
• Nueva API propuesta por Apple para notificaciones push declarativas. Es buena lectura para entender por qué Apple no le gustó como estaban implementadas las notificaciones en JS.
• idb, un wraper de IndexedDB muy usado.

• Vite PWA, que se adapta con Workbox con frameworks basados en Vite como SvelteKit y Nuxt.
• NextJS con su configuración del manifest y junto a Serwist.

Deploy recomendado: Cloudflare Workers, Vercel, Netlify. Algo que funcione con múltiples proyectos en el mismo repositorio.

• Tutorial
• Vue.js: The Documentary

• Tutorial
• Svelte Origins: A JavaScript Documentary
• Rich Harris:
  • Rethinking reactivity
  • Introduction to Runes

• Monorepo con Vue y Svelte

• Frameworks: Lit, Stencil
• Why Web Components
• MicroFrontends, un estilo de arquitectura web que suele usar Web Components.
• Web components demystified
• Ryan Carniato (Solid.js): Web Components Are Not the Future

• Astro docs: Why Astro?

• “Mind the Gap” de Ryan Florence (creador React Router / Remix)
• Dan Abramov (React):
  • Los blogs de RSC
  • Data Fetching with React Server Components, y por qué Meta llegó a la creación de estos.
• Making sense of React Server Components de Josh Comeau
• Frameworks: Next.js, RedwoodSDK, Expo, React Router (Remix)