Pelela necesita:
ejecutar pnpm add -g pelelajs como se indica en la página de descarga de npm
Luego en VSCode, te instalás
la extensión Pelela templates
y Biome, como vas a ver en el primer ejemplo del conversor
Te dejamos un cheatsheet para que tengas a mano los conceptos.
Conversor millas a kilómetros: primer proyecto, concepto de binding
Twitter: ejemplo de binding vista-modelo y modelo-vista directo
Cuadrados: ejemplo didáctico para agregar o eliminar cuadrados dinámicamente. Conceptos: for-each
Carrito de compras: integración entre un componente contador y un carrito de compras. Conceptos: link-, prop-, const-, for-each
Ruleta: apuesta virtual/formulario con validaciones/componente validador. Conceptos: renderizado condicional (if), prop-, const-.
Personajes: Integración con una API externa de personajes de Rick & Morty. Conceptos: métodos async, initialize, routing.