A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | AA | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | Requirements for selection of front end JS + CSS framework | ||||||||||||||||||||||||||
2 | JS/CSS framework | Popularity (https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/) | Learning curve | Accessibility | Architecture | Environment / Tools | |||||||||||||||||||||
3 | Name | web site | Usage and Interest | Loved / Satisfaction | Community | Well documented | availability of learning resources | easy to learn (complexity) | Responsive UI | I18n | Search Engine Optimization (SEO) | Support for Server side rendering | Component based development | Typescript/ES5/ES6 | Can be used for generating UI for Dynamic API? | IDE | Debugging | Deployment | |||||||||
4 | Angular | https://angular.io/ | 9 | 7 | 8 | 8 | 10 ( there is countless documentation accessible, but they are sometimes too composite or perplexing to read) | 8 | yes | yes | https://angular.io/guide/universal | https://angular.io/guide/elements | Typescript | yes | Chrome (Angular Dev Tools) | Node.js | |||||||||||
5 | Angular Material | https://material.angular.io/ | yes | Typescript | |||||||||||||||||||||||
6 | React | https://reactjs.org/ | 10 | 9 | 10 | 8 | 9 | 9 | react-i18next (https://react.i18next.com/) | https://reactjs.org/docs/components-and-props.html | Chrome (React Developer Tools) | ||||||||||||||||
7 | NextJS | https://nextjs.org/ | 10 (learn-by-doing documentation - https://nextjs.org/learn/foundations/about-nextjs) | 7 | yes (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 | Typescript | yes | CLI (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) | 9 | Node.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 | Svelte | https://svelte.dev/ | 7 | 10 | 6 | 9 (https://svelte.dev/tutorial/basics) | 9 (https://svelte.dev/repl/) | 7 | yes, https://svelte.dev/repl/de39de663ef2445b8fe17b79c500013b?version=3.48.0 | https://kit.svelte.dev/docs/seo | https://svelte.dev/docs#component-format | Typescript | yes | 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 | Sapper | https://sapper.svelte.dev/ | https://sapper.svelte.dev/ | ||||||||||||||||||||||||
11 | Sveltestrap | https://sveltestrap.js.org/ | https://github.com/bestguy/sveltestrap | ||||||||||||||||||||||||
12 | VueJS | https://vuejs.org/ | 8 | 8 | 9 | 9 | 10 (https://v2.vuejs.org/v2/examples/) | 10 | Vue 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 | Typescript | yes | https://cli.vuejs.org/ | https://devtools.vuejs.org/ | Node.js | |||||||||||
13 | Nuxtjs | Nuxtjs framework (https://nuxtjs.org/) | |||||||||||||||||||||||||
14 | Bootstrap vue | Bootstrap 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 |