Table of Content

• Features
• Docs
• Structure
• Flevibility
• Ecosystem
• Performance
• Integration
• Resources

• Does the frameworks have unique features?

React	Vue	Svelte
lifecycle methods, virtual DOM	Vue-cli	Animaties en transitions ingebouwd

• Rate the docs of the frameworks

React	Vue	Svelte
Uitgebreide documentatie dat regelmatig geupdate wordt.	Intro naar CLI is heel goed, met boilerplating. Documentatie gaat niet echt in op de theorie	Uitgebreide documentatie met playgrounds waar je met code kan spelen.

• How is the filestructure of the frameworks?

React	Vue	Svelte
.jsx	.vue	.svelte
een opinie, je moet een keuze maken.	Single file components (template/ script en style)	single file components met styling inclusief

• How flexible is the templating of the framework?

React	Vue	Svelte
opinionated zet je niet 100% vast maar zit je wel in een hotrod road.	Redelijk bepalend over welke structuur je moet aanhouden binnen je script	alles kun je zelf indelen

• How is the ecosystem of these frameworks. What kind of community is there, are they active?

React	Vue	Svelte
grootste community, heel goed gedocumenteerd	wordt vaak gekozen omdat het ‘gebruiksvriendelijk’ is en makkelijk te leren	ondanks dat de community erg actief is, is svelte nog lang niet zo populair als Vue en React.
⭐ 160k	⭐ 176k	⭐ 39k

• What is the bundlesize? Whats supported? How do they optimize performance?

	React	Vue	Svelte
bundle.js	143k	95k	5k
gzip	24k	34k	2k

• How are other libraries integrated like D3 ?

React	Vue	Svelte
D3 de berekeningen doen of useEffect voor virtual DOM	gebruik D3 update pattern	SVG intekenen met Svelte en de berekeningen met D3 maken is veel overzichtelijker en schoner.

• framework_discussie-notes