23/02/21 15:18:03.61 4BxaQg+7.net
へ？普通にSPA？
それなのにDOMのエレメント作ってrender()呼ぶって？ただのアホじゃん
465:デフォルトの名無しさん
23/02/21 16:09:35.73 5AAcCPtU.net
そりゃ動機があって試行錯誤の中でイレギュラーなことをしていて
より良い方法、より一般的な方法はないかという問いかけなんだし
466:デフォルトの名無しさん
23/02/21 16:42:00.18 4BxaQg+7.net
試行錯誤にしても道を外れすぎ
React.renderはReactアプリ(コンポーネントツリー)全体をDOMにマウントするためのAPIで個々のコンポーネントが呼び出すもんじゃない
大抵はフレームワーク的なコード(CRAやNext.js)が呼び出すからアプリからは呼ばない
共通のモーダルコンポーネントはAppコンポーネントなどツリーのルート近くに一つだけ置く
そしてモーダルはそれを開くためのカスタムフックを利用者に提供する
モーダルの開閉制御に使うステートはRedux等のライブラリを使ってもいいしContext + useStateでもいい
467:デフォルトの名無しさん
23/02/21 17:16:01.15 i5fGgfrB.net
試行錯誤ってのはそんなもんでしょ
まして最初にReactに不慣れだと断ってるわけだし
寛容にいこうよ
468:デフォルトの名無しさん
23/02/21 18:46:29.89 pYWIE5Lo.net
イレギュラーなやり方ということは重々承知しています。
自分のやり方はreactのフル機能を使うよりも、ESM＋Reactの機能の一部を使ったやり方になり
Reactの恩恵を受けられない事を承知しています。
その上で使い勝手を選択して、react機能の一部のみを使った開発を行うのもありなのではと思ったりしています。
ダイアログなどの静的なコンテンツについてはreactの機能を全て使い切らなくとも、reactが無くとも実現できますし、
reactの性能を発揮できる開発内容でもないと思っています。
静的HTMLのページをreactで作るのが効率悪いのと同様に、静的なダイアログ程度のものについてもreact使わない方が良いんじゃないかと。
その上で便利な部分（javascript上でHTMLを共有化できる）だけ摘まみ食いしたいです。
reactの専門家から見ると節操無いでしょうが、開発効率や汎用性を考えた場合に
こういったやり方はどうなんでしょうかと意見を」聞きたかったです。
469:デフォルトの名無しさん
23/02/21 19:00:38.86 YV4X7nvq.net
>>468
>>466の提示してるやり方はどう？落とし所としてはいいように思えるけども
あと>>458も1箇所に固定で追加するという方針は近しいように思う
必要なら詳しく聞いてみたら？
470:デフォルトの名無しさん
23/02/21 19:34:17.35 +X0VWij1.net
>>468
結局何をどう作ろうとしてるのかわからないんだよな
Reactで完全なSPAなら最初から449や456が書いてるとおりだし464も同じことを書いてる
しかし451の「サーバ側のview」とか466の「react機能の一部のみを使った開発」なら460に見えるんだよな
それなら452だろう
454で変なこと書いてるけど1ファイル1関数に制限さｂ黷驍墲ｯじゃなｂ｢んだから2ファイルに分けたくなけりゃ分けなければいいだけ
471:デフォルトの名無しさん
23/02/21 19:38:08.77 zF6zP+5N.net
つまり……
・他のreactコンポーネントから利用されるreactコンポーネントを作ってる
のか
・reactで作ってるけど利用する側はreactとか気にしないで使う
なのかどっちなんだという話
472:デフォルトの名無しさん
23/02/21 19:41:59.71 pYWIE5Lo.net
>>466の提示してるやり方はどう？
react的にはスマートなやり方なのでしょうが、react使わない方が実装手順を簡略化できるのでメリットを感じないです。
>>・reactで作ってるけど利用する側はreactとか気にしないで使う
の方です。
関わっているプロジェクトがこれからreactに乗り換えような流れなので、新規開発分からreactで作り始めているのですが、
そもそものベースがreactではないので、reactの便利な所だけ利用したい感じですね。
473:デフォルトの名無しさん
23/02/21 19:54:51.48 zF6zP+5N.net
>>472
それを先に言えって話だがそれなら>>454でいいだろ
モーダルを表示する関数だけexportしてreactコンポーネントはexportせずにファイル内だけで使う
ダイアログ表示するたびにDOMエレメント作るなら閉じたときに削除忘れないように
reactのアンマウントも
474:デフォルトの名無しさん
23/02/21 20:09:31.38 pYWIE5Lo.net
>>473
多分言っている事を理解しました。
reactによるコンポーネント作成と表示する関数は別けたいと思います。
ファイルを別けるのには違和感がありましたが、同一ファイル内で２関数実装して
片方だけexportするなら理想通りです。
一度サンプルソースを作成してリーダーに相談してみます。
ありがとうございました。
475:デフォルトの名無しさん
23/02/22 00:14:36.76 wXAQdOu8.net
実装者しか分からん負の遺産はこうやって増えていくんですね
自己満のためにプロジェクトを良くない方向に進めている自覚を持ちましょう。
あなたのやっていることは時間の無駄です。
476:デフォルトの名無しさん
23/02/22 02:31:50.15 DPknPTwq.net
だけど、いくらきれいに書いたとしても、後任者がアレな場合、結局、良くない方向に進む（本人たちは満足）なので、どないしようもない気がします
（という現場をよく見てきたので、どないしようもないですね）
477:デフォルトの名無しさん
23/02/22 21:02:05.11 ek8Yt4/u.net
きれいなだけではダメで意図とか背景にある思想とかそういったものをちゃんと伝えておかないと
今回みたいに定石から外れることを自覚してるならなおさら
478:デフォルトの名無しさん
23/02/26 16:09:53.37 7ZfAUNQ9.net
でも必死こいてゲットしたマイナポイントも結局使わないまま失効するんだろどうせ
479:デフォルトの名無しさん
23/02/26 16:10:31.65 7ZfAUNQ9.net
スマン誤爆
480:デフォルトの名無しさん
23/02/26 17:52:01.97 +WhKwZG4.net
>>478
必死こいで使おう
481:デフォルトの名無しさん
23/08/21 22:44:49.15 Y0H4lTnqK
軍事費GDΡ比4％超て゛NATOにまで加盟しようとしていたウクライナは周辺国に脅威視されて攻撃されたわけだが．
世界最悪の腐敗利権国家日本も軍事費倍増させて周辺国に脅威視されようとマッチポンプ戦争利権屋とベッタリの岸田増税文雄が必死た゛な
ウクライナで市民への攻撃ガ一だの停電カ゛一だの戦争犯罪ガ一だの白々しいが、戦争なんだから当たり前だろ
日本に絨毯爆撃して原爆まで落とした世界最悪のならず者國家なんて、いまだに新型戦略爆撃機とか発表してるだろ
軍事施設だけ爆撃とかあり得ないし、要するに戦略ってのは戦爭となれは゛こいつを使って一般市民の家屋を焼き尽くすって意味た゛からな
国民を人間の盾にして、女こども以外逃亡(出国］禁止にして戦わせて，他国まで巻き込んでまで利権に執着してるキチカ゛イナゼレンスキーを
いまだに引きずり降ろさないあたり．戦闘民族として現状を受け入れて、むしろリアルサバゲ‐を楽しんでると理解するのが正解
世界最悪の腐敗利権国家日本は軍事費ゼロにして、ポーランドのように国民に武器を持たせて扱い方を訓練する個人防衛国へと移行しよう！
（羽田］TΤＰs://www.call4.jp/info.php?тУpe=items&id=I0000062 , tTρs:／/haneda-projеcΤ.jimdofree.com／
（成田)URLﾘﾝｸ(n-souonhigaisos)ｙoudan.amebaownd.Ｃom/
(テ囗組織)TｔＰs://i.imgur.com/hnli1ga.jpеg
482:デフォルトの名無しさん
23/09/09 09:35:09.94 XstChhEA.net
（＞ェ＜；
483:デフォルトの名無しさん
23/10/18 11:53:52.23 pKa2ZouW.net
redux!!
484:デフォルトの名無しさん
24/09/03 11:41:52.36 a/z1r+/G.net
外部cssをimportじゃなくてhead要素に入れたいんだけど(scriptタグ多いのが嫌なだけ)、ドキュメントだとShowRenderedHTMLがいいって書いてあるっぽいけど他の方法あるのかな？無いならこれ使ってみる
Helmetで出来るもんだと思ってたんだけどなあ