React と React Native のスレ (481ﾚｽ)
React と React Native のスレ http://mevius.5ch.net/test/read.cgi/tech/1552134567/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
431: デフォルトの名無しさん [sage] 2022/11/23(水) 15:46:18.91 ID:KqoXuT6V >>429 PreactではJSXでclass属性使えるからReactが使えないのは単に怠慢ちゃうか >>430 Rustのstructとimplの関係とかオブジェクトとprototypeの関係に近いし、classなんて要らんかった感がある。なんもかんも関数にnew付けるとコンストラクタになるっていう全く直感的でない仕様が悪かった http://mevius.5ch.net/test/read.cgi/tech/1552134567/431
432: デフォルトの名無しさん [sage] 2022/11/27(日) 18:18:42.40 ID:DGQvXdXK reactでjsx使いたくないなReact.createElement使えばすむだろ pure jsだしreact自身がメンテナだぞ http://mevius.5ch.net/test/read.cgi/tech/1552134567/432
433: デフォルトの名無しさん [] 2022/11/28(月) 16:39:23.37 ID:bah5acf2 class使わんかったらええしjsxも受け入れればええやん 中途半端に色々俺ルール入れようとするからプロジェクト通したコードがグチャグチャになるんだよ ガタガタ抜かさずに読みやすいコード書け http://mevius.5ch.net/test/read.cgi/tech/1552134567/433
434: デフォルトの名無しさん [sage] 2022/11/28(月) 17:59:40.28 ID:IoJupQtf それはそう http://mevius.5ch.net/test/read.cgi/tech/1552134567/434
435: デフォルトの名無しさん [sage] 2022/11/28(月) 18:10:16.07 ID:HJ3Js2uA React.createElement() は、見たことない。 クラスなのか？ 今は、関数しか使わない http://mevius.5ch.net/test/read.cgi/tech/1552134567/435
436: デフォルトの名無しさん [sage] 2022/11/28(月) 20:53:35.42 ID:UVD224c9 >>435 JSXをトランスパイルするとそれが出てくる というか前はそれになってた 今はもちっとサイズが小さくなるコードにトランスパイルされる http://mevius.5ch.net/test/read.cgi/tech/1552134567/436
437: デフォルトの名無しさん [] 2022/12/03(土) 08:35:21.91 ID:taaLhEhL フロントエンドはAIとローコードにより死んでいきそう http://mevius.5ch.net/test/read.cgi/tech/1552134567/437
438: デフォルトの名無しさん [] 2022/12/03(土) 10:06:11.17 ID:nGrXXmmc フロントエンドの連中が死んでいったら愉快すぎるだろうな。 http://mevius.5ch.net/test/read.cgi/tech/1552134567/438
439: デフォルトの名無しさん [] 2022/12/03(土) 10:26:28.26 ID:yzFmn8Js 管理画面作れるローコードツールやばいで？ t-wadaさんの会社が出資してるやつ ガチでフロントエンドいらんw http://mevius.5ch.net/test/read.cgi/tech/1552134567/439
440: デフォルトの名無しさん [sage] 2022/12/03(土) 11:52:54.38 ID:olmTGWDy できねぇ自分を棚に上げてよく言うぜ http://mevius.5ch.net/test/read.cgi/tech/1552134567/440
441: デフォルトの名無しさん [sage] 2022/12/03(土) 13:16:27.12 ID:DRrYSu6r フロントエンドができるのは どのくらいのレベル？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/441
442: デフォルトの名無しさん [sage] 2022/12/04(日) 10:14:28.76 ID:Mf+W6hFq https://pleasanter.org/ これとか使えそうだな http://mevius.5ch.net/test/read.cgi/tech/1552134567/442
443: デフォルトの名無しさん [sage] 2022/12/04(日) 11:54:38.25 ID:Wvq70p6a 周りが適性なさすぎて消去法でバックエンドやるハメになり 苦労もあったが経験しておけて良かった http://mevius.5ch.net/test/read.cgi/tech/1552134567/443
444: デフォルトの名無しさん [sage] 2022/12/08(木) 08:12:36.96 ID:Z0lc4TAH ここ本スレ？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/444
445: デフォルトの名無しさん [] 2023/01/15(日) 12:22:06.03 ID:c+nrjCWx みんなuseStateのとき以外でset～って関数名付けてる？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/445
446: デフォルトの名無しさん [] 2023/02/11(土) 08:10:49.33 ID:vzM9dagC >>439 何？ 使ってみたいから教えて http://mevius.5ch.net/test/read.cgi/tech/1552134567/446
447: デフォルトの名無しさん [sage] 2023/02/14(火) 00:24:32.69 ID:L+R7vyp5 知らんけどAirtableとかじゃないの？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/447
448: デフォルトの名無しさん [sage] 2023/02/20(月) 17:20:13.84 ID:o1ZyjHKj Reactが始めてなので変な質問かもしれません。 React.Componentを継承したクラスを作成し、これを「new」した時点でbodyの最後に描画したいです。 具体的にはmodalのクラスなのですが、 import modalClass from './modalClass'; const hoge = new modalClass(); //この時点でbodyの最後に描画されて hoge.show(); //これで描画されたモーダルが表示される だけでモーダルを表示したいです。 constructor中でrenderを実行して、戻り値をReact.Domでbodyの最後に置換すれば可能な気がしますが、 このような使い方は一般的でしょうか？ htmlに「<modalClass />」の記述をしたくありません。 http://mevius.5ch.net/test/read.cgi/tech/1552134567/448
449: デフォルトの名無しさん [sage] 2023/02/20(月) 17:53:11.21 ID:1+J+V+Et >>448 一般的ではないね。ReactコンポーネントであればJSXに<Modal />などと書いておきReactのライフサイクルの中でstate更新して表示/非表示を制御するのが一般的。 あとDOMツリーに要素を「追加」する操作を「描画」と呼んでると今後の理解の妨げになる可能性があるから一回整理したほうが良いかも。(Reactはライフサイクルの意識が結構大事なため) http://mevius.5ch.net/test/read.cgi/tech/1552134567/449
450: デフォルトの名無しさん [sage] 2023/02/20(月) 18:41:24.87 ID:o1ZyjHKj はい、一般的ではないのは十分承知しています。 ライフサイクルなどを無視してHTMLの管理と描画のみにreactを使用したいと考えています。 ソースコードとしては下記で行けたのですが、このような使い方が一般的に許されるのかが不安です。 class ExampleComponent extends React.Component { constructor(props) { super(props); const element = this.render(); const container = document.createElement('div'); document.body.appendChild(container); ReactDOM.render(element, container); } show() { //モーダル表示のDOMの操作 } render() { return ( <div> /** モーダルのHTMLソース **/</div> ); } } http://mevius.5ch.net/test/read.cgi/tech/1552134567/450
451: デフォルトの名無しさん [sage] 2023/02/20(月) 18:48:10.50 ID:o1ZyjHKj 動作するのは確認できたので、あとはプロジェクトリーダーの好み次第ですかね。 これが許されればサーバ側のviewでHTML管理しなくて済むようになりますので コンポーネントの使いまわしが楽になるのですが。 javascriptのみで完結できるので。 http://mevius.5ch.net/test/read.cgi/tech/1552134567/451
452: デフォルトの名無しさん [sage] 2023/02/20(月) 20:09:11.05 ID:CBterFMa Reactをrender()するHTML要素を動的に追加するのはありだと思うよ でもそのロジックをReactコンポーネントに入れる必要はないな ユーティリティな関数でそれをすればReactコンポーネントはクラスではなく関数コンポーネントにもできるし http://mevius.5ch.net/test/read.cgi/tech/1552134567/452
453: デフォルトの名無しさん [sage] 2023/02/20(月) 20:40:21.95 ID:1+J+V+Et まず動くようにしたのは素晴らしいけど、たぶんリーダーかは指摘が入るはず。 http://mevius.5ch.net/test/read.cgi/tech/1552134567/453
454: デフォルトの名無しさん [sage] 2023/02/20(月) 21:16:51.58 ID:zSsoBtA6 最初はお手本通りrender関数とコンポーネント挿入関数に2ファイルに別けてたのですが、 一機能実現するために手順を踏んで２ファイル使うのが解り辛いかなと思いました。 作った自分は解るのですが、引き継ぐ人にはシンプルな手順で使えるようにしておきたいです。 render関数とコンポーネントの挿入関数を試行錯誤して一つのファイルにまとめたら >>450のようになりました。 >>450なら import ExampleComponent from './examplecomponent'; const modal = new ExampleComponent (); modal.show("メッセージです", "タイトル"); だけで済むので、クラスのusageに書いておけば利用手順も簡単でどの画面でも使えると思います。 reactの定石からは離れますので、やはりreactのプロの目から見ると違和感あるのですね。 http://mevius.5ch.net/test/read.cgi/tech/1552134567/454
455: デフォルトの名無しさん [sage] 2023/02/20(月) 23:39:55.71 ID:qmqKnMRQ Windowsアプリのメッセージダイアログみたいにメソッドひとつで呼び出せる手軽さを実現したいって理解でいいのかな http://mevius.5ch.net/test/read.cgi/tech/1552134567/455
456: デフォルトの名無しさん [sage] 2023/02/21(火) 02:04:19.05 ID:R25lIONK あちこちに<ExampleComponent />追加したくないってことかな？その場合はProviderやContextを使うのが正式なやり方になると思う。 レイアウトに1個<ExampleComponent />追加する程度はふつうにやることなのでそれはみんなわかると思う。 http://mevius.5ch.net/test/read.cgi/tech/1552134567/456
457: デフォルトの名無しさん [sage] 2023/02/21(火) 08:04:52.44 ID:pYWIE5Lo >Windowsアプリのメッセージダイアログみたいにメソッドひとつで呼び出せる手軽さを実現したいって理解でいいのかな はい、それであっています。 >あちこちに<ExampleComponent />追加したくないってことかな？ はい、ReactのメリットはJavascriptにHTMLを書ける事なので、HTMLとの依存関係を切って なるべくJavascriptだけで完結させたいです。 とくにモーダルのような汎用的などこでも使うものは、HTMLに<ExampleComponent />を記述させたくないです。 http://mevius.5ch.net/test/read.cgi/tech/1552134567/457
458: デフォルトの名無しさん [sage] 2023/02/21(火) 13:34:11.33 ID:5AAcCPtU メッセージダイアログ、確認ダイアログ、エラーダイアログなんかの共通系は どこでも仕込みなしで呼び出したい あるあるな要求だと思うけどReactではどうやるのが定石なんだろうね http://mevius.5ch.net/test/read.cgi/tech/1552134567/458
459: デフォルトの名無しさん [sage] 2023/02/21(火) 13:52:30.32 ID:pYWIE5Lo レイアウトが必要なコンポーネントは、HTMLファイルにreactのタグを埋め込む方向で理解できるのですが メッセージダイアログのような画面中のレイアウトが必要無い物については わざわざHTMLファイルにタグ埋め込んでおく必要ないのではと考えています。 javascriptで動的にタグを埋め込むのが良いと思いますが、タグ埋め込む機能をrender機能のファイルと別けたくないですね。 http://mevius.5ch.net/test/read.cgi/tech/1552134567/459
460: デフォルトの名無しさん [sage] 2023/02/21(火) 14:46:08.62 ID:4BxaQg+7 Railsとかの既存画面にReactでモーダルだけ作ろうって話？ jQueryの代わりにReactみたいな使い方ならその時点で定石から外れてるわな http://mevius.5ch.net/test/read.cgi/tech/1552134567/460
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 21 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.010s