ABCDEFGHIJKLMNOPQRSTUVWXYZAA
1
Requirements for selection of front end JS + CSS framework
2
JS/CSS frameworkPopularity (https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/)Learning curveAccessibilityArchitectureEnvironment / Tools
3
Nameweb siteUsage and InterestLoved / SatisfactionCommunityWell documentedavailability of learning resourceseasy to learn (complexity)Responsive UII18nSearch Engine Optimization (SEO)Support for Server side renderingComponent based developmentTypescript/ES5/ES6Can be used for generating UI for Dynamic API?IDEDebuggingDeployment
4
Angularhttps://angular.io/978810 ( there is countless documentation accessible, but they are sometimes too composite or perplexing to read)8yesyes
https://angular.io/guide/universal
https://angular.io/guide/elements
TypescriptyesChrome (Angular Dev Tools)Node.js
5
Angular Materialhttps://material.angular.io/yesTypescript
6
Reacthttps://reactjs.org/ 10910899react-i18next (https://react.i18next.com/)https://reactjs.org/docs/components-and-props.htmlChrome (React Developer Tools)
7
NextJShttps://nextjs.org/ 10 (learn-by-doing documentation - https://nextjs.org/learn/foundations/about-nextjs)7yes (https://nextjs.org/docs/advanced-features/i18n-routing) yes (https://nextjs.org/learn/seo/introduction-to-seo)https://nextjs.org/docs/basic-features/pages#two-forms-of-pre-rendering TypescriptyesCLI (https://nextjs.org/docs/api-reference/cli)
IntelliJ (https://plugins.jetbrains.com/plugin/18604-next-js)
VS Code (https://marketplace.visualstudio.com/items?itemName=IbrahimCesar.ibrahimcesar-nextjs-developer-pack)
9Node.js
8
Material UI (MUI)https://mui.com/yes (https://mui.com/material-ui/guides/responsive-ui/)i10n (https://mui.com/material-ui/guides/localization/)
9
Sveltehttps://svelte.dev/ 7106
9 (https://svelte.dev/tutorial/basics)
9 (https://svelte.dev/repl/) 7yes, https://svelte.dev/repl/de39de663ef2445b8fe17b79c500013b?version=3.48.0 https://kit.svelte.dev/docs/seo
https://svelte.dev/docs#component-format
Typescriptyes
CLI (https://kit.svelte.dev/)
VS Code (https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode)
IntelliJ (https://plugins.jetbrains.com/plugin/12375-svelte)
Chrome (Svelte Devtools)Node.js
10
Sapperhttps://sapper.svelte.dev/https://sapper.svelte.dev/
11
Sveltestraphttps://sveltestrap.js.org/https://github.com/bestguy/sveltestrap
12
VueJShttps://vuejs.org/ 8899
10 (https://v2.vuejs.org/v2/examples/)
10Vue I18n (https://kazupon.github.io/vue-i18n/)https://vuejs.org/guide/scaling-up/ssr.html#what-is-ssr https://vuejs.org/guide/essentials/component-basics.html Typescriptyes
https://cli.vuejs.org/
https://devtools.vuejs.org/
Node.js
13
NuxtjsNuxtjs framework (https://nuxtjs.org/)
14
Bootstrap vueBootstrap vue (https://bootstrap-vue.org/)
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100