# Svelte
---
## Svelteとは
- (Svelte)[https://svelte.dev/]
- [rollup作った人が作ってる](https://github.com/Rich-Harris)
- VueとReactを足して2で割ったようなもの
- サイズが軽い!
- 少ないコード量
- No virtual DOM
---
## 良さそうなポイント
- Tutorialが分かりやすい
- awaitがマークアップで使える(ReactのSuspense的な)
- refとか使わないと取れないDOMの値もbindすれば取れる
- Store, Tween, Transitionが最初から入っている
---
## Q&A
---
### プリプロセッサー使えないの?
---
### ある
- https://github.com/sveltejs/svelte-preprocess
- CSS in JSは普通に使える
- https://svelte.dev/blog/svelte-css-in-js
---
### CSSフレームワークあるの?
---
### なんかある
[まとめてる人の記事](https://qiita.com/oekazuma/items/06a8a351c55d548fca91)
---
### Nuxt的なやつが欲しい
---
### Sapperってやつがある
https://sapper.svelte.dev/
---
### 案件で使える?
---
### まだ早そう
- 事例がそんなにない
- 簡単なLPとかで試しにやってみるとかはありかも
{"metaMigratedAt":"2023-06-15T09:15:25.548Z","metaMigratedFrom":"Content","title":"Svelte","breaks":true,"contributors":"[{\"id\":\"f9aa814c-9e4c-4418-bba7-b84c05ee609a\",\"add\":852,\"del\":114}]"}