👋 Welkom

Het bouwen van moderne web applicaties wordt steeds meer complex. Daarom groeit de nood aan tools en frameworks om het bouwen van zulke web applicaties gestructureerder en sneller te kunnen bouwen.

Voor front-end applicaties zijn er ondertussen een hele waaier aan frameworks en tools die kunnen helpen bij het bouwen van kleine en grote applicaties. Elk framework heeft zijn voor -en nadelen.

De meest populaire frameworks op dit moment zijn:

• React JS
• Angular
• Vue JS

Indien je graag meer inzichten hebt in de populariteit, gebruik en andere statistieken rond het gebruik van javascript in het algemeen, kan je terecht op de 'State Of JS' website. Het meest recente rapport dateert uit 2020:

State of JS: Frontend frameworks

Als we kijken naar de leercurve van bovenstaande frameworks, dan kunnen is Vue.js de makkelijkste om te leren. De drempel tussen javascript, of libraries zoals jQuery, is relatief klein en je kan dit framework makkelijk toevoegen aan bestaande websites zonder dat dit veel extra werk vereist.

Angular daarentegen vereist best wat voorkennis. Het framework werkt met Typescript, wat vergelijkbaar is met Sass voor CSS, een extra laag bovenop Javascript die heel wat extra's biedt, maar wel moet omgezet worden naar javascript voor het gebruikt kan worden. Daarnaast verliest Angular de laatste jaren sterk aan populariteit, mede omdat er meer concurrentie op de markt komt.

React zit daar ergens tussen. Je kan React gebruiken als een library die je aan een bestaande web app toevoegt om complexere logica af te handelen, maar je kan ook een web app maken die volledig binnen React leeft.

In deze introductie buigen we ons eerst over de basisconcepten van React en zullen we stapsgewijs een eenvoudige web app opbouwen.