React大好き侍が、「もうSolidJSでいいじゃん...//」ってなったワケ。 - Qiita

Reactが好きです。 Reactが好きです。コンポーネントを関数として扱うのが好きです。 SolidJSはReactそっくりの書き心地(DX)を保ちつつ、Reactに足りない要素を兼ね備えた期待の新人です。 コードの比較 React const Counter = () => { const [count, setCount] = useState(0) useEffect(() => { console.log(`Count: ${count}`) }, [count]) return ( <div> <div>{count}</div> <button onClick={() => setCount(prev => prev + 1)}>Add</button> </div> ) } const Counter = () => { const [count, setCount] =

[wwolf]

こういうの「はぇーしゅごい。。。」で採用して「reactにあったアレは...ないのね」「reactでできたアレは...できないのね」「あれ、なんで俺らreact使ってないんだっけ？？」みたいな喜劇を生産しがち

[otchy210]

仮想 DOM 捨てるとは思い切ったな。ならば当然アプリの規模によっては React の方が早くなろう。そこはトレードオフ。現実、仮想 DOM が必要なほど複雑な SPA なんてそうそう無いよね？っていうのが根底にありそう。

[mayumayu_nimolove]

仮想DOMが実DOMに戻ってきて、リックDOMはDOMトローペンに…

[noseld]

React自体のパフォーマンスにボトルネックを感じてる人はどれくらいいるんだろう。フロントエンドで遅いとしたらそもそもの実装やUIの問題がほとんどな気がする。

[rail44]

仮想DOMを捨てている、はそのとおりなのだけれど、インタラクションに応じてDOMに変更を加えるイベントをJSXの表現から生成しているので、ブラウザのランタイムがDOMツリーのdiffを取る機会が減っているというやつ

[yusuke-k]

再レンダリングされないということはリアクティブに動かない、と読めてしまうけどどうなんだろう

[buhoho]

直感的に冪等性なさそうなんだけどいいんか。だとすると確かににReactとは完全に別物だなぁ

[igrep]

私も当初誤解していたんですが、Svelteのように前処理をするから仮想DOMを使わずに済ませたり依存する変数を解析できたりしているそうです。公式サイトとかでもその点が省略されがち。GitHubのREADMEには書いてあった

[seal2501]

プログラムって副作用のスコープを閉じて書くことでトレースしやすくできるのにこれでアプリ作ったら人間がメンテできるのだろうか…

[fikah]

ちょっと前に触ったけどpropsをdestructuringできないのが地味にダルい以外は結構良かった

[manaten]

仮想DOMてのはやりたいこと(宣言的にUIを記述する、状態変化に対してreactiveにUI更新をする)に対する手段だから、最適化の過程で削られうるとは思ってた

[iwasiman]

まだまだ新しいのがでてくるんですねえ。

[suika3417]

jsのフレームワーク戦争も落ち着いてきたかと思ったけど、まだ戦争はおわらないのか？

[bayashi_net]

よさそう

[KoshianX]

お、これも Virtual DOM じゃないやつなのか。Svelte といい Virtual DOM を使わないフレームワークが出てきてるのなかなか興味深いな

[programmablekinoko]

実DOMのコストが高いから仮想DOMが生まれたっていうのがあるけど、もはやそうする理由も無いくらいに実DOMのAPIが高速化したというのがあるんじゃないか。いずれReactに仮想DOM抜きコンパイルのオプションが爆誕しそう

[nakamako13]

こういうのははてブコメントがとても勉強になって良い

[tockri]

関数型のアイディアが根底にあるFLUXは人類には早すぎたっていうアンチテーゼになるのかならないのか。FLUXはドラッグ&ドロップとかの複雑で素早いインタラクションには向いてないよね。

[takyam1213]

hooksが人類には難しいから簡単そうなのはよさそう

[digo]

よさげに見える👀

[hennamanao]

React で memo 使った時とパフォーマンスそんな変わらないってことはないのかな？

[chiba1008]

ここまてするなら完全互換にしてほしいなー

[naka-06_18]

はてブで色々結論書いてあって便利だ

[dentaro]

使ってみたい

[nicht-sein]

メモ

[for-my-internet-demo]

“//第２引数はありません。SolidJSが勝手に依存している状態を感知してくれます” どうなってんやろ

[kako-jun]

関数コンポーネントが複数回実行されないことを「再レンダリングされない」と表現するのは、違うと思う。<div>{count()}</div> 部分は「再レンダリングされてる」と表現するのでは？

[Lumin]

コンポーネント内で一度しか関数が実行されないということは、言い換えればReactでできたあれやこれやそれが一切できないということ。もうこんなんにいちいち騙される奴もいないだろ。10年後生き残ってたら考えるわ

[seenoview]

またなんか出てきたよー

[daichirata]

js 全く書かないから理解が難しいけど、宣言的かつ単方向のデータバインディングではあるんだけど、副作用の発生で仮想DOMを再構築して実DOMとの差分を計算せず、直接DOMにバインディングされる的な？

[yarumato]

“contextも、状態管理ライブラリもいらない。createSignalはuseStateとは違い、コンポーネントの外や普通の関数内のどこにでも書けるので、上記の２つは必要ありません。シンプルに、グローバルな状態を管理できます。”

[t_f_m]

頻繁なDOM変更がない・差分更新によるメリットがない・差分更新が特定箇所決め打ちで良い　あたり満たすならそりゃそうでしょとしか

[onesplat]

あれ…俺らってなんでわざわざ仮想DOM構築してるんだっけ…？宣言的UIって必ずしも仮想DOMじゃなくても実現できるのでは…？