Om te starten, clone repo, npm install, npm run dev
Opdracht
Het is aan jou om een ‘Collapsible Dropdown’ component te maken in React volgens het aangeleverde ontwerp. Gebruik wat willekeurige ‘mock’ data in je uitwerking, zoals wat dieren in het ontwerp. Graag ontvangen we de code en een manier om lokaal het resultaat te bekijken. Kies bijvoorbeeld een online editor als JSFiddle en stuur ons een link. Of bootstrap een app met Create React App of Next.js en stuur ons de bestanden in een zip. Alternatieven zijn ook denkbaar. Als je dit lastig vindt kunnen we je een kant en klare opzet sturen. Je hebt maximaal 4 uur. Het is geen doel op zich om alles af te hebben. We zijn vooral benieuwd naar je manier van werken en je ideeën bij de opdracht. We waarderen een kort bericht terug hoe je de opdracht ervaren hebt en wat je nog zou doen als je meer tijd had.
#Aandachtspunten;
- Er zijn geen vereisten aan verdere inrichting behalve React. Kies zelf hoe je bijvoorbeeld met styling om wil gaan.
- Je hebt in je uitwerking oog voor detail.
- React component heeft de volgende props: o ‘options’, required, array of options to choose from o ‘onChange’, required, exposing on change event o ‘value, optional, default value to select
- Je bent je bewust van accessibility (A11Y) voorschriften. Denk daarbij aan HTMLstructuur, ARIA attributes en keyboard support.
- Tip: implementeer een simpele CSS reset zoals minireset.css.
- Tip: Google op accessibility (A11Y) voorbeelden.
