Skip to content

yansal/workshop-tailwind

Repository files navigation

Workshop TailwindCSS

Deux branches:

  • master (phase 1: micro design system) => demo
    • mettez le slug de votre pseudo Github dans config.js à la raçine
    • tout le taff est dans le dossier components/Workshop
  • advanced (phase 2: UX - pour les téméraires) => demo
    • Le header à faire dans components/Header.jsx
    • La homepage à faire dans pages/index.jsx

Guide d'usage:

A la racine du repo,

  • npm install pour installer les dépendances
  • npm run dev pour lancer le server de développement
  • npm run analyze pour exporter une analyze du bundle client/server (dans l'export client, sélectionner 'Treemap size: Stat' et faire une recherche css)

Compétitivité intra-team

Obtenir le plus petit fichier .css possible à la fin de l'exercice. Le gagnant gagne. Bravo.

Phase 1:

  • Initial: 11.63ko (shared 1.41kb)
  • Nico: 15.58ko (shared 2.21kb)

Phase 2:

  • Initial: 11.21ko (shared 1.3kb)
  • Nico: 14.77ko (shared 2.03kb)

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published