1 Button Atom - Githubissues

latoyaln / choices-choices

Kies een andere tech-stack voor het ontwerpen en bouwen van een website voor een opdrachtgever

MIT License

0 stars 0 forks source link

1 Button Atom #7

Closed latoyaln closed 1 month ago

latoyaln commented 1 month ago

Voor de taak Atomic Design wil ik graag 1 Button Atom maken in React en kijken hoe dit werkt met react en het WOGO project.

latoyaln commented 1 month ago

Deze issue is opgelost doordat ik de svelte atom heb omgezet naar een react atom.

Hiervoor heb ik 2 nieuwe files aangemaakt die in een folder van de button zitten. De grootste verschillen tussen svelte en react atom zijn:

In Svelte gebruik je export let om variabelen te maken. In React gebeurt dit door ze als functieparameters te ontvangen via destructurering.
In Svelte gebruik je {#if} om te bepalen of je een <a> of <button> toont | In React gebruik je een if-verklaring binnen de functie om dit te regelen.
Svelte gebruikt $$restProps om extra HTML-attributen door te geven | React gebruikt ...restProps om hetzelfde te doen.