Skip to content

#6 Mijn ervaringen

Rick Groot edited this page Nov 26, 2020 · 1 revision

React

React is een fijn programma om mee te werken en geeft je veel mogelijkheden. Ik heb voor react gekozen omdat ik nog nooit met een framework heb gewerkt, en react het meeste wordt gebruikt in dit werkveld.

Overzichtelijk

Ik heb mijn react project gestart door middel van create-react app, hierdoor wordt er een react project opgezet die ik zelf kan aanpassen. Deze methode werkt prima wanneer je weet wat de bestanden inhouden en hoe alles werkt, maar voor beginners zoals ik was het aan het begin heel onoverzichtelijk. Er waren veel bestanden waar ik nog nooit van had gehoord en dat zorgde voor wat verwarring. Naar mate ik meer bekend werd met react was het duidelijker wat alles deed, en kon ikk onnodige bestanden verwijderen om het overzichtelijker te maken voor mezelf.

Verder geeft react de developer vrijheid om een eigen mappenstructuur toe te passen. Dit vind ik heel fijn werken, omdat ik zo zelf mijn eigen logica kan toepassen in mappenstructuur en het zo overzichtelijk is. Voor grotere projecten waar je met een team aan werkt is dit misschien minder handig, omdat bestanden op die manier makkelijker op verkeerde plekken kunnen worden neergezet.

Ook de CSS en JS bestanden die ik heb gebruikt waren makkelijk te gebruiken met react. Door middel van een import is het heel makkelijk om CSS in te laden in de app, en ook javascript bestanden zijn makkelijk om op te roepen. Externe functies die geen componenten zijn kan je makkelijk uit een ander document oproepen, wat fijn is omdat je zo vanaf elk punt in je code bij die functies kan.

De manier van react

React returnt altijd iets in zijn functie. Hetgeen wat wordt gereturnt is JSX, en dat kan uiteindelijk makkelijk worden gerendert in de pagina. Doordat er altijd een return in de functie staat blijft er een duidelijke scheiding tussen JSX en andere functies die je mogelijk gebruikt binnen het bestand. Componenten beginnen altijd met een hoofdletter, wanneer je dit niet doet krijg je een error en werkt je code niet. Dit is wel vervelend bij react, omdat mijn eigen code nooit begint met een hoofdletter. Het heeft opzich wel nut, omdat ik zo makkelijk kan zien wat een component is en wat plain js is, maar toch heb ik het liever zonder hoofdletter omdat dit er meer consistent uitziet in mijn code.

Clone this wiki locally