Vue vs React vs Angular vs Svelte Part.11

レス数: 476

概要: SSGもCORS問題が鬱陶しすぎる(ローカルで環境開発しにくいから開発コスト大) のと、あとデータ量に比例して重くなっていく問題をなんとかせんと
No.401
SSGもCORS問題が鬱陶しすぎる(ローカルで環境開発しにくいから開発コスト大)
のと、あとデータ量に比例して重くなっていく問題をなんとかせんと
No.402
>>400

むしろView Transitions APIとか出てきてSPAは手軽に作れるようになってきてるから消えないよ
>>401

ReactだともうSSGは縮小方向だな
今はReactでマトモにSSGやろうとしたらAstroが一番の選択肢になりそう
No.403
react難し過ぎるだろ。
フックの伝播複雑過ぎて、メンテナンスできない説。
No.404
まったく問題ないが
No.405
コールバック関数、分割代入、proxy この3つを把握すればJSフレームワークはどれも同じ
No.406
No.407
reactでShift選択するui作ったけど
自分で作ってもう触りたくない。
クリックのフックは子がハンドリングして親に返して、選択範囲の再描画は親が制御するみたいな。
これに余計な子は再描画しないようメモ化するとか入れると、頭こんがらがってくる。
どのフックで何のパラメータが変わってどれが再描画されるか解らなくなる。
設計書書かずに作ってるせいなんだが。
No.408
逆に生で作ることを考えたらまだマシとなる
No.409
Shift選択のUIってこんな感じの挙動?
ttps://codepen.io/rkeqkdzm-the-reactor/pen/wBvWpyp
No.410
ReactのMemoはマジでゴミだけどReact Compilerでやっと解決するらしいから
No.411
Reactでゴミなのはコントロールフロー系
Solidはそこをしっかり解決してる
もう一つのゴミだったルーター系も
Solidインスパイアしてるならそっちも真似したらいいのに
Solidにストア系実装されたらまじでシェア流れかねんぞ
No.412
>>410

どこ情報?
No.413
>>411

何言ってるんだ?
Solid RouterはReact Routerにインスパイアされて作られたって公式のドキュメントに書いてあるのに
No.414
>>411

React Router Domが6からSolid Router(旧solid-app-router)の記法をまんま真似してるんだよ
パクったというより連携だけど
No.415
>>407
だけどreactで作ったchrome拡張の審査通った。
苦労して作ったから使ってみて欲しい。
適当なブログ開いて拡張のアイコンクリックすると画像一覧表示するから
欲しいの選択してダウンロードボタンでzipにできる。
スライダーで拡大縮小できるのがreactっぽい。
ttps://chromewebstore.google.com/detail/kakeaonncmnkigiijohfhlnondeaanii?utm_source=item-share-cp
No.416
気が向いたらソースコード公開して
No.417
なんでこんなところで宣伝してるんだよ…
No.418
reactらしいアプリ作ったから見て欲しかった。
No.419
作ったのほとんどAIなんだけどね・・・
No.420
誰が作ったのかもわからん怪しいextensionなんかインストールしてはいかんよ
簡単に情報抜かれる
No.421
公式でもザルだから入れない
No.422
みんなReactでフォーム作るときってinputタグ単位でコンポーネント作るの?
No.423
>>422

いや
No.424
コンポーネントって再利用しやすいように作るのであって
無駄に細分化すると面倒なことになる
必要になったら後からでもコンポーネント分けられるし
No.425
>>422

reRenderの単位かな
No.426
描画のタイミング自由に制御できるようになると、react楽しいねぇ。
それまでは糞だけど。
No.427
Reactのranderを封じて、
自前のタイミングで再描画する楽しさよ
No.428
Reactはmillion.js使えばsvelteやsolidよりレンダリングのパフォーマンスが良くなるよ
No.429
randerて
No.430
>>422

コンポーネントというより、質問のニュアンスだとフォーム部品ごとの出力オブジェクトか
制御フックのこと言ってるっぽいが
Reactはフォーム処理に関してSvelte、Vueにくらべたら糞性能というか、もともとが
深層ステート管理のためのライブラリだしな。複数のフォームを一発制御できる
useStateフックの書き方ググるかカスタムフックで作る
それかReact捨てて、簡単にリアルタイム制御できるVueかSvelteで作るかだな
どっちもストアライブラリ使わないとスパゲッティまっしぐらだがな
No.431
>>386

商用サイトじゃないけど、学研グループの勉強サイトはAstroで書かれてるね
https://manabitimes.jp
No.432
芳根京子の公式サイトはNextだった
No.433
SvelteKitとても好きです。
No.434
Astro触ってみたけどすごいなこりゃ
こんなのできるならよほど大規模なサービスでも無ければNext.jsは要らないのでは
No.435
Astroまだちゃんと触ったことないけど
Reactコンポーネントを将来、全く別のフレームワークのコンポーネント、例えば引数とレンダリング結果が同等の動きをする、コンパイルされたバイナリなんかに差し替えたりとか出来たら面白いな
No.436
どうせAI任せになるから関係ない
近いうちにAIが直接SSGしたりWeb Assemblyを直接生成するようになるからフレームワークなんか消滅する
No.437
>>436

おまえの方が早く消滅しそう...
No.438
Remix v3が大改造するみたいだな
従来のRemixはReact Router v7になってRemix v3はpreactベースになるということか
No.439
スレチだったらごめん
オンライン麻雀ゲームを作成しようと構想(妄想)してるんだけど、
いまから新規に作るならフロント側にはReactかVue.jsか、あるいは他のライブラリのどれを使えばいい?
先駆者 (書籍も出してる) は
> jQueryでないと美しく実装できない
https://blog.kobalab.net/entry/2021/03/25/205151

って言ってるけど、Webゲームのクライアントは特殊ってこと?
No.440
その記事の人はReact使ったことがないから知識ゼロなんだろ
そもそも状態管理をして宣言的にUIを構築するんだからむしろReactのほうがスッキリ書ける
jQueryおじさんという化石思考に惑わされてはいけない
No.441
> 宣言的アプローチでは「打牌中」の状態を描画できない
いや、Reactでは描画のための状態はUIコンポーネント内部に保持することでコアロジックを汚染することなく打牌中のような中間状態を美しく描画することができる
No.442
Reactは宣言的UIは最終的な状態だけを表現するということではない
アニメーションやユーザー操作に伴う一時的な状態、ここでは打牌中もコンポーネントの内部状態やコンテキストAPIとかで管理できる
isPlayingAnimationのようなブーリアン型の状態を用意し、アニメーション中はtrueに設定し、アニメーションが終了したらfalseに戻す
打牌中の牌の位置や動きに関する情報を状態として持ち、その状態に基づいてCSSアニメーションを適用する
No.443
> Majiang.ShoupaiはAIの思考ルーチンでも使用します。ここに描画の都合の「打牌中」などという状態を持ち込むとしたら、それは設計として誤っています
Reactでも描画に関わる状態とアプリケーションのコアロジックに関わる状態は分離して管理するのが一般的
コアロジックの麻雀の牌姿やルール進行を司る部分は、Reactコンポーネントからは独立した純粋なJavaScriptクラスや関数として実装するのが普通
No.444
> イベントハンドラ設定は描画処理と分離すべきである
Reactの設計思想はコンポーネントが自身の描画とそれに関連するイベントハンドリングをカプセル化すること
「対戦相手の手牌にイベントハンドラは不要だし、牌譜再生にも打牌のためのイベントハンドラは不要」という点についてはReactのコンポーネント設計で柔軟に対応できるからまったく問題なし
isInteractive: booleanなどを渡すことでイベントハンドラの有無を制御できる
牌譜再生時にはイベントハンドラが不要なモードでコンポーネントを描画すればいいだけだし
No.445
> JSXを使う局面がない
> HTML に雛形として埋め込まれた「牌を表現するDOMノード」をコピーし差し込むことで実現しています。
Reactをまったく知らないからこんな恥ずかしことを堂々と言えるんだろう
こいつのもっとも無知なところだな
Reactは宣言型だからコピーするというコードを書くことすら不要なわけ
No.446
牌なんてCanvasに直接描画すりゃエフェクトも自在だし変にエレメントにデータ持って
重くなることもなくていいんじゃね?って思うのは俺だけなのか
No.447
>>446

俺もこう思う
そもそも牌をhtml要素とCSSで描画すること自体が微妙だよね
そういう意味だとjQueryでもReactでもなくてCanvas系のフレームワーク使ったほうが良いんじゃないかな
No.448
宣言的UIに慣れるとCanvas全体を命令的に描画するのがあまりにもダル過ぎる
No.449
Canvas上の各表示オブジェクトを
Reactやビューで
あたかもHTMLの要素の様に操作できる(CSSプロパティ設定できる)
ライブラリってあるのかな。
No.450
flutterでよくね