WEB+DB PRESS Vol.122 の "速習Svelte" を読んで面白そうだったので調べたり写経したりしたときのスクラップです。

Code

• anfangd/svelte-container-script

用語

• Svelte ( スベルト )
• Ecma International
• Rollup.js
• Rich Harris
  • Twitter: @Rich_Harris
  • GitHub: Rich-Harris
  • Medium: @Rich_Harris
  • The New York Times: rich-harris
  • LinkedIn: rich-harris
  • Frontend Masters: rich-harris
• 仮想DOM
• DOMツリー

リンク集

公式

• Svelte • Cybernetically enhanced web apps
• Tutorial
• Docs
• Example
• REPL: Read, Eval, Print, Loop
• Code: sveltejs/svelte: Cybernetically enhanced web apps
• Svelte Society - YouTube

あわせて読みたい

• 翻訳：Rich Harris「形而上学とJavaScript」に関する見解（ReactによるDOMの抽象化の不完全性について） - yuhei blog
• Svelte Society Day 2020: Rich Harris: Frequently Asked Questions の要点まとめ - console.lealog();

Svelte is 何？

• Rich Harrisによって作られたJavaScript framework の1種。
• DOM ( Document Object Model ) の抽象化をせず、軽量かつ高速に動作する。
  • React や Vue.js と異なり、仮想DOMを持たない。
• 少ないコードで書ける。

Svelte - Wikipedia
https://ja.wikipedia.org/wiki/Svelte

The State of JavaScript 2019 -> 2020

The State of JavaScript 2019
https://2019.stateofjs.com/

front_end_frameworks_experience_ranking - The State of JavaScript 2019

---

State of JS 2020
https://2020.stateofjs.com/en-US/

front_end_frameworks_experience_ranking - The State of JavaScript 2020

rollup.jp

• rollup/rollup: Next-generation ES module bundler
• Rollupがちょうどいい感じ - Qiita

仮想DOM

• 【React】仮想DOMって何！？コンポーネントのレンダリングと描画について理解しよう！ - Qiita
• 仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう - エンジニアHub｜Webエンジニアのキャリアを考える！
• なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita

作業メモ