Webフレームワーク #

• React GitHub 188K star

• Angular GitHub 81.4K star

• Vue GitHub 196K star

• SvelteVDOMなしのvanillaJSにコンパイルする。ボイラープレート少ないコードが書ける。 GitHub 58.3K star

• Lit - Web componentコンパイラ。Web componentはReactやVue(vanila JSでもよい)で部品として使えるもの？GitHub 11.5K Star

• Stencil - Web componentコンパイラ。Web componentはReactやVue(vanila JSでもよい)で部品として使えるもの？ GitHub 10.7K Star

• Solid - VDOM使わず高速なReact。Reactの知識と共有できそう　GitHub 18K Star

• Alpine - 超軽量、cliいらず、スクリプト読み込むだけ。要素はVueからきている。Vue,Alpineは知識が共有できそう。GitHub 20.7K star

• Mithril - 超軽量 GitHub 13.3K star

• Petit-vue 6.3K Star

CSS フレームワーク #

• BootStrap 最も人気あり。JavaScript使うのでJavaScriptのフレームワークと組み合わせるのが難しいかもしれない。BootStrap5でjQueryの依存はなくなたそう。GitHub 157K star
• Animate GitHub 74.7K star
• Foundation GitHub 29.2K star
• BulmaJavaScriptなしCSSのみで動く GitHub 45.5K star
• TailwindCSS CSSフレームワーク CSS詳しくないと難しそう GitHub 57K star
• Pure 軽量GitHub 22.3K star
• UIKit Bootstrapと似ているそう。JSあり.詳しくないと難しそうGitHub 17.5K star
• Material Design for BootStrap 22.4K star

Vue UI #

• Vuetify マテリアルデザイン 34.6k
• Element 16.2k
• BootStrap-Vue 13.9k
• Quasar 21.5k
• Buefy Vue + Bulma 9.3k

メモ #

単体で使うならBootstrapがよさそう

軽量にするならVue + Bulma

超軽量にして Alpine + Pure or Alpine + Bulma

Fireshipの動画から、 petit-vue + Boostrap + Firebaseがシンプルとの紹介

Jamstack #

• Nuxt3 https://modules.nuxtjs.org/?version=3.x

RUST #

• Actix (Web framework) https://actix.rs/ https://github.com/actix/actix-web 14.2K star
• Yew (Frontend) https://yew.rs/ja/ https://github.com/yewstack/yew 21.9K Star