Ga naar hoofdinhoud

Casing Componenten

Er zijn verschillende manieren om de naam van het component te formatteren.

Code

In code is de spatie een bijzonder karakter. Omdat je het niet overal kan gebruiken (bijvoorbeeld van variable namen) zijn er naamgevingsconventies die de semantische waarde van een spatie niet verliezen.

Voorbeelden zijn kebab-case, snake_case, PascalCase en camelCase. Deze verschillende notaties zijn zonder informatie te verliezen naar elkaar te converteren.

Het taaldomein bepaalt de casing. Voorbeelden van taaldomeinen zijn bijvoorbeeld JavaScript/TypeScript, Angular, React of filenames.

Documentatie

Als we in documentatie verwijzen naar componenten maken we gebruik van "Spaced Pascal Case". Hetzelfde geldt voor varianten van componenten.

Code of Documentatie?

Soms is het lastig om te bepalen of we code of documentatie schrijven. Als het uitsluitend voor mensen is kan je er meestal vanuit gaan het onder "documentatie" valt.