Ga naar hoofdinhoud

Stappenplan: Candidate

Volg dit stappenplan om een component van alle checkpoints 🚩 te voorzien die nodig zijn voor de 'Candidate' status van het Estafettemodel.

Dit stappenplan is bedoeld voor het kernteam. Het proces bestaat uit vijf fases: Selectie, Voorbereiding, Ontwikkeling, Test en Publicatie.

Overzicht van alle fases

Klik op een fase voor gedetailleerde instructies:

🎉 Selectiefase

Een component wordt geselecteerd om Candidate te worden als het voldoet aan een aantal voorwaarden.

Stappen:

  1. Er is tenminste 1 Community implementatie
  2. Component implementatie is goed instelbaar voor verschillende huisstijlen
  3. Component implementatie is goed bruikbaar in diverse projecten
  4. Component is getest in een WCAG-EM toegankelijkheidsaudit
  5. Fast track: Component is dringend nodig voor toegankelijkheid
  6. Laat de Community weten dat de component is geselecteerd

📝 Voorbereidingsfase

Alle specificaties en beslissingen worden gemaakt voordat de component wordt ontwikkeld.

Stappen:

  1. Openstaande issues bekend
  2. Versimpeld of gesplitst
  3. Anatomie is bepaald
  4. Toegankelijkheidscriteria bepaald
  5. Semantiek bepaald
  6. API bepaald
  7. Testcases voor gebruik bepaald
  8. Design tokens bepaald
  9. Zoekwoorden vastgesteld
  10. Acceptatiecriteria vertaald naar Stories en Specs
  11. Laat de Community weten dat de voorbereidingen zijn afgerond

🛠️ Ontwikkelfase

De component wordt gebouwd in React, CSS en Figma.

Stappen:

  1. React component is ontwikkeld
  2. CSS component is ontwikkeld
  3. Figma component is ontwikkeld
  4. Documenteer best practices

🧪 Testfase

De component wordt getest op alle aspecten.

Stappen:

  1. Design Tokens getest
  2. Documentatie getest
  3. A11y getest
  4. Testcases getest
  5. i18n getest

🚀 Publicatiefase

De component wordt gepubliceerd en gedeeld met de community.

Stappen:

  1. Gepubliceerd op NPM
  2. Gepubliceerd in Figma
  3. Visuele regressietests beschikbaar
  4. Status bijgewerkt naar Candidate
  5. Gepubliceerd op nldesignsystem.nl
  6. Zet checkpoint 'Promotie' op 'Done'
  7. Gedeeld met Community

🏁 Finish

Zo wat een werk! Je hebt alle stappen genomen en zo alle checkpoints behaald die nodig zijn voor de 'Candidate' status van het Estafettemodel. De component gaat nu door voor de 'Hall of Fame' status.

Vragen?

Heb je een vraag over het Candidate stappenplan?