Vue vs React vs Angular vs Svelte Part.11 (452ﾚｽ)
Vue vs React vs Angular vs Svelte Part.11 http://mevius.5ch.net/test/read.cgi/tech/1660969032/
上
下
前次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
抽出解除
必死ﾁｪｯｶｰ(本家)
(べ)
自ID
ﾚｽ栞
あぼーん
440: デフォルトの名無しさん (ﾜｯﾁｮｲ e251-+g0z) [sage] 2025/06/30(月) 03:09:35.81 ID:6K91Vfp30 その記事の人はReact使ったことがないから知識ゼロなんだろ そもそも状態管理をして宣言的にUIを構築するんだからむしろReactのほうがスッキリ書ける jQueryおじさんという化石思考に惑わされてはいけない http://mevius.5ch.net/test/read.cgi/tech/1660969032/440
441: デフォルトの名無しさん (ﾜｯﾁｮｲ e251-+g0z) [] 2025/06/30(月) 03:19:10.31 ID:6K91Vfp30 > 宣言的アプローチでは「打牌中」の状態を描画できない いや、Reactでは描画のための状態はUIコンポーネント内部に保持することでコアロジックを汚染することなく打牌中のような中間状態を美しく描画することができる http://mevius.5ch.net/test/read.cgi/tech/1660969032/441
442: デフォルトの名無しさん (ﾜｯﾁｮｲ e251-+g0z) [sage] 2025/06/30(月) 03:23:08.67 ID:6K91Vfp30 Reactは宣言的UIは最終的な状態だけを表現するということではない アニメーションやユーザー操作に伴う一時的な状態、ここでは打牌中もコンポーネントの内部状態やコンテキストAPIとかで管理できる isPlayingAnimationのようなブーリアン型の状態を用意し、アニメーション中はtrueに設定し、アニメーションが終了したらfalseに戻す 打牌中の牌の位置や動きに関する情報を状態として持ち、その状態に基づいてCSSアニメーションを適用する http://mevius.5ch.net/test/read.cgi/tech/1660969032/442
443: デフォルトの名無しさん (ﾜｯﾁｮｲ e251-+g0z) [sage] 2025/06/30(月) 03:27:13.20 ID:6K91Vfp30 > Majiang.ShoupaiはAIの思考ルーチンでも使用します。ここに描画の都合の「打牌中」などという状態を持ち込むとしたら、それは設計として誤っています Reactでも描画に関わる状態とアプリケーションのコアロジックに関わる状態は分離して管理するのが一般的 コアロジックの麻雀の牌姿やルール進行を司る部分は、Reactコンポーネントからは独立した純粋なJavaScriptクラスや関数として実装するのが普通 http://mevius.5ch.net/test/read.cgi/tech/1660969032/443
444: デフォルトの名無しさん (ﾜｯﾁｮｲ e251-+g0z) [sage] 2025/06/30(月) 03:33:46.29 ID:6K91Vfp30 > イベントハンドラ設定は描画処理と分離すべきである Reactの設計思想はコンポーネントが自身の描画とそれに関連するイベントハンドリングをカプセル化すること 「対戦相手の手牌にイベントハンドラは不要だし、牌譜再生にも打牌のためのイベントハンドラは不要」という点についてはReactのコンポーネント設計で柔軟に対応できるからまったく問題なし isInteractive: booleanなどを渡すことでイベントハンドラの有無を制御できる 牌譜再生時にはイベントハンドラが不要なモードでコンポーネントを描画すればいいだけだし http://mevius.5ch.net/test/read.cgi/tech/1660969032/444
445: デフォルトの名無しさん (ﾜｯﾁｮｲ e251-+g0z) [sage] 2025/06/30(月) 03:43:00.60 ID:6K91Vfp30 > JSXを使う局面がない > HTML に雛形として埋め込まれた「牌を表現するDOMノード」をコピーし差し込むことで実現しています。 Reactをまったく知らないからこんな恥ずかしことを堂々と言えるんだろう こいつのもっとも無知なところだな Reactは宣言型だからコピーするというコードを書くことすら不要なわけ http://mevius.5ch.net/test/read.cgi/tech/1660969032/445
ﾒﾓ帳
(0/65535文字)
上
下
前次
1-
新
書
関
写
板
覧
索
設
栞
歴
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
1.032s*