- Install deps:
npm i
- Run the development server:
npm run dev
- Open http://localhost:3000 with your browser to see the result.
- Hablamos sobre que es TailwindCSS, como pensar una interfaz bajo su filosofía, que lugar viene a ocupar en el ecosistema, que ofrece y que no.
- Maquetamos una UI muy simple para tener un primer contacto con el framework
- Analizamos en detalle la configuración de Tailwind para entender como sacarle provecho a la herramienta.
- Commits:
- Repaso del episodio anterior con un juego incluído
- Aprendimos sobre plugins y usamos el plugin oficial de Typography
- Creamos unos presets simples para aprender el concepto y entender como podemos componer una configuración de Tailwind
- Commits:
- Comparamos maquetar un botón con muchas clases vs crear una directiva que incluya todos los estilos
- Nos peleamos con la directiva @apply para entenderla y crear nuevas utilidades
- Commits: