Skip to content

Framework discussie

ralfz123 edited this page Nov 25, 2020 · 4 revisions

Voor de framework discussie heb ik hieronder mijn mening over welk framework het beste is en waarom. Enjoy reading! 🤓

Mijn framework no.1

Waarom?

De reden dat React bij mij op nummer 1 van de frameworks staat, is omdat React een aantal dingen heel erg goed doet. Hieronder vermeld ik welke onderwerpen dat zijn en en waarom

Documentatie

Zoals elke package en framework een documentatie hebben, heeft React dit ook maar dan erg uitgebreid. Het begint bij installatie en gaat tot en met de meest complexe concepten. Ook worden alle concepten haarfijn uitgelegd met voorbeelden die je zelf kan uitproberen.

Components

Componenten zijn top. Lekker je content van je site categoriseren en opdelen in componenten. Ik heb er alleen maar profijt van... React werkt erg fijn met components, want...

Hooks (vs. Classes)

Dit framework werkt prima met classes (Hooks in React), want...

UX Development proces

Het werkt fijn voor een frontend developer, want...

Verloop van discussie

Eerlijk gezegd vond ik de discussie erg leuk en leerzaam, maar het was niet dat er fire (🔥 ) aanwezig was. Dat komt denk ik omdat iedereen nog het gekozen framework aan het ontdekken is, dus je kan niet er gelijk van overtuigd zijn. Natuurlijk zijn er altijd dingen die je gelijk nice en minder nice aan een framework vindt. Die zijn dan ook zeker genoemd tijdens de discussie. Verder ben ik wat wijzer geworden over hoe erg React verschilt van Svelte en Vue. Daardoor ben ik ook nog steeds blij dat ik React heb gekozen.

Een lijst met behandelde onderwerpen tijdens de discussie en onze antwoorden staan hieronder:

Features; Wat zijn onderscheidende features? Wat maakt het framework uniek?

  • React: Hooks, JSX, create react app, React-DOM (Virtual DOM).
  • Vue: UI, Vue CLI.
  • Svelte: Animaties en transitions ingebouwd.

Docs; Hoe goed is de documentatie? Is het beginner-friendly? Staan er veel examples in? Moet je zelf veel configuratie schrijven?

  • React: JSX kan lastig zijn voor beginners als je van een ander framework komt - veel te gebruiken voorbeelden.
  • Vue: Uitgebreide documentatie.
  • Svelte: Uitgebreide documentatie met playgrounds waar je met code kan spelen.

Structure; Hoe is het om in de componenten te werken van het framework? Hebben die een fijne opbouw? Ben je het eens met de structuur?

  • React: Component in te laden met HTML achtige tags - duidelijk.
  • Vue: HTML templating. Separation of concerns: html, script en styles zijn gescheiden.
  • Svelte:x.

Flexibiliteit; Hoe is de templating? Ben je ‘locked-in’ of is het meer ‘bring your own’? Hoe is de developer experience DX?

  • React: Mappenstructuur word geregeld door create react app
  • Vue: Redelijk bepalend over welke structuur je moet aanhouden binnen je script (methods, computed).
  • Svelte: x

Ecosysteem; Hoe is de community om het framework heen? Hoeveel stars heeft het framework? Is het populair? Is het actively maintained? Is er een commercieel belang?

  • React: Grote community, heeft lange levensduur doordat het van Facebook is en daarom ook commercieel belang.
  • Vue: Snel groeiende community.
  • Svelte: Snel groeiende community (is pas net nieuw).

Performance; Wat zijn de bundle sizes? Wat supporten ze out of the box? Wat doen ze qua perf optimalisatie?

  • React & ReactDOM = 42.3kb min+gzip.
  • Vue: 22kb min+gzip.
  • Svelte: 2.9kb min+gzip.

Integratie; hoe is het om te werken met D3?

  • React: Kan D3 veel laten doen als het in een apart component staat met een workaround.
  • Vue: Kan goed worden verwerkt, D3 kan z’n kracht toepassen.
  • Svelte: werkt prima.