TomDeeterink1
commented
3 days ago Waarom een Component Library Structure?
1. Herbruikbaarheid
Een component library bevat afzonderlijke, gestandaardiseerde componenten die in meerdere projecten of delen van een applicatie opnieuw kunnen worden gebruikt. Dit vermindert duplicatie en versnelt de ontwikkelingscyclus.
2. Consistentie
Het zorgt ervoor dat de gebruikersinterface consistent is door dezelfde componenten overal te gebruiken. Dit verbetert de gebruikerservaring (UX) en voorkomt visuele afwijkingen.
3. Efficiëntie
Door een goede structuur te hebben binnen een project kan je componenten sneller herbruiken. Hierdoor verloopt het project soepeler dan dat je alles apart zou bouwen.
Welke keuzes hebben we?
1. Atomic design
Atomic design is een bekend systeem om grote projecten onder te verdelen in kleinere stukjes.
2. Lego system
Door kleine blokjes bij elkaar te voegen, krijg je kleiner herbruikbare componenten. Uiteindelijk wordt dit een heel bouwen.
3. Functional layering
Gebruikt componenten op basis van definitie, zoals:
- Inputs , bijvoorbeeld knoppen en formulieren
- Display, componenten voor het weergeven van grafieken en tabellen
- Navigation, menu's en breadcrumbs
- Structural, layout elementen die structuur bieden
Welke keuze hebben wij gemaakt? En waarom?
Keuze
Atomic design
Onderbouwing
Wij gebruiken Atomic Design omdat het ons helpt om overzichtelijk en efficiënt samen te werken. Het verdeelt een ontwerp in kleine, eenvoudige onderdelen (atomen) die we kunnen combineren tot grotere bouwstenen (moleculen, organismen).
We merken dat onze componenten nu te groot zijn, en met atomic design kunnen wij deze ontleden.
Hoe gaan wij dit verwerking in ons project?
We maken 4 folders aan met verschillende lagen van componenten, hier delen wij onze componenten in onder. Dit gaat dus van groot naar klein, uiteindelijk moeten wij al onze componenten herschrijven in de nieuwe Sveltekit 5.0 op basis van deze structure.
Daan645
Wij willen een Component Library Structure bedenken voor onze site, hierna willen wij onze site hier in rebuilden.