React と React Native のスレ (481ﾚｽ)
React と React Native のスレ http://mevius.5ch.net/test/read.cgi/tech/1552134567/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
400: デフォルトの名無しさん [sage] 2022/09/29(木) 12:43:16.88 ID:N+5tSsEm 全部props渡しはどのコンポーネントが何のデータに依存してるか明確にわかるのが好き http://mevius.5ch.net/test/read.cgi/tech/1552134567/400
401: デフォルトの名無しさん [sage] 2022/09/29(木) 13:42:04.91 ID:RG+lw4Yl propsて受け取った状態を 内部てstateとして別管理すると嵌まるパターンが多いね http://mevius.5ch.net/test/read.cgi/tech/1552134567/401
402: デフォルトの名無しさん [sage] 2022/10/04(火) 20:36:43.24 ID:R+w5qX88 React勉強中です テーブルが例えば最大行数20行として、新しいデータを取得するたびに先頭行に追加、末尾データは削除、というのをしたいです。 以前直接DOMを操作していたときは、テーブルのElementに対し、insertRow()、deleteRow()を行っていました。 これをReactでやろうとした時、テーブルの各行のデータを配列で持っているとすると、下記のようにmapを使って各行のHTMLを生成するというやりかたがあるかと思いますが、 この場合は行の追加の度に全行が再レンダリ
ングされてしまいますよね？ const table_data = ['a', 'b', 'c', 〜] return( <tbody> { table_data.map((val) =><tr><td>{val}</td></tr>) } </tbody> ) 前述のような先頭行に追加、末尾行は削除、というのをReactでやるとすると、どいういう感じの処理になるのでしょうか？ ヒントをいただけると助かります。 まずは、1行ずつをコンポーネントにするのは必須ですかね？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/402
403: デフォルトの名無しさん [sage] 2022/10/04(火) 21:43:53.97 ID:ZExEo8/e >>402 > 先頭行に追加、末尾行は削除 keyを調べれ > 1行ずつをコンポーネントにするのは必須 んなこたぁない http://mevius.5ch.net/test/read.cgi/tech/1552134567/403
404: デフォルトの名無しさん [sage] 2022/10/04(火) 22:08:33.94 ID:R+w5qX88 >>403 ありがとうございます。 なるほど、keyが同じで中身が変わらなければ再レンダリングされないのですね。 だから必ずkeyを付けるんですね。 http://mevius.5ch.net/test/read.cgi/tech/1552134567/404
405: デフォルトの名無しさん [] 2022/10/05(水) 00:29:27.00 ID:zhKCpglg keyはどのみち付けないとWarning出るね バックエンド連携とかどうするつもりなのか知らんけど 普通に先頭20件だけ表示するように指定してやって useEffectでtable_dataを監視してやればすんなり行きそうだけどなぁ http://mevius.5ch.net/test/read.cgi/tech/1552134567/405
406: デフォルトの名無しさん [sage] 2022/10/05(水) 10:49:27.30 ID:RsX5Dgpw >>405 ありがとうございます。 useStateでテーブル用データの配列を管理し、データ取得されるたびにその配列の先頭に追加、sliceで20件だけ切り出し、という方法でやりたいことはできました。 ユニークなkeyを付けることで再レンダリング対象が更新部分だけになるのも確認できました。 データはWebSocketで受信して取得しますが、どなたかのサイトで紹介されていた、コンポーネント内のuseRefでWebSocketオブジェクトを持ち、useEffectで初回時のみに接続するとい
う方法でとりあえあず動作しました。 http://mevius.5ch.net/test/read.cgi/tech/1552134567/406
407: デフォルトの名無しさん [] 2022/11/05(土) 23:06:02.94 ID:uWVkhL+y react native詳しいニキ教えて 下部に表示されるメニューバー（以下、Menu）のコンポーネント作ってて ページによって表示/非表示の設定をしたいんだ 各ページコンポーネントでMenuを直接呼び出すような作りにすれば確かに実装出来るけど ページが切り替わった時点でアニメーションが途切れるし、なによりナンセンスな気がする で、次の案。 App→Main→各ページという構成を取ってるけど MainでMenuを呼び出すようにした。 で、これをRecoilで管理するboolean型のグロー
バルstateで表示/非表示にする。 あとは各ページの初回レンダリング時にstateの値を書き換えるだけで解決……と思ったけど 前のページにバックしたときに改めてstateの値が書き換わらないんだ。 これを踏まえて何かいい方法ないですか？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/407
408: デフォルトの名無しさん [sage] 2022/11/05(土) 23:47:25.78 ID:ocl/XM+V 知らんけどrecoil-syncってのがあるらしいな知らんけど http://mevius.5ch.net/test/read.cgi/tech/1552134567/408
409: .NET MAUI HighSchool [] 2022/11/11(金) 12:32:52.36 ID:kw0okeTL Metaが倒産したらReactどうなってしまうんだ？ってレス見たんだけどほんとどうなってしまうん？ 誰かに買われるとか？？？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/409
410: デフォルトの名無しさん [sage] 2022/11/11(金) 12:42:14.20 ID:BY70aiHB Vercelは確実に欲しがる。Remixを買ったShopifyも欲しがるかも。Googleが掻っ攫うかもしれない http://mevius.5ch.net/test/read.cgi/tech/1552134567/410
411: .NET MAUI HighSchool [] 2022/11/11(金) 12:43:10.48 ID:kw0okeTL やっぱり大手に買われるのか… http://mevius.5ch.net/test/read.cgi/tech/1552134567/411
412: デフォルトの名無しさん [sage] 2022/11/11(金) 13:19:40.85 ID:P8cdLDDc React NativeはMSが持っていきそう http://mevius.5ch.net/test/read.cgi/tech/1552134567/412
413: .NET MAUI HighSchool [] 2022/11/11(金) 13:20:58.38 ID:kw0okeTL >>412 ありえそう OfficeとかReact Nativeやしな http://mevius.5ch.net/test/read.cgi/tech/1552134567/413
414: デフォルトの名無しさん [] 2022/11/21(月) 04:31:38.78 ID:9tdtmBpP プログラマーならview定義もJavaScriptでする方が幸せじゃないですか？ https://zenn.dev/takahad/articles/view-with-js http://mevius.5ch.net/test/read.cgi/tech/1552134567/414
415: デフォルトの名無しさん [sage] 2022/11/21(月) 19:55:26.69 ID:WHQv7Vmu >>414 入ったプロジェクトがこんな状態になってたらマネージャーかリーダーの判断力があやしすぎて即転職考えるかもしれん http://mevius.5ch.net/test/read.cgi/tech/1552134567/415
416: デフォルトの名無しさん [sage] 2022/11/21(月) 20:03:57.34 ID:WHQv7Vmu (試みとしては面白いと思うけど) http://mevius.5ch.net/test/read.cgi/tech/1552134567/416
417: デフォルトの名無しさん [sage] 2022/11/21(月) 20:32:50.68 ID:530w1iq8 hyperTextじゃん http://mevius.5ch.net/test/read.cgi/tech/1552134567/417
418: デフォルトの名無しさん [sage] 2022/11/21(月) 20:33:18.27 ID:530w1iq8 textじゃねえやHyperScript http://mevius.5ch.net/test/read.cgi/tech/1552134567/418
419: デフォルトの名無しさん [sage] 2022/11/21(月) 20:54:44.24 ID:F57+7x5h ClojureScriptでReact使うのがまんまそんなだった Lisp界隈の人はなんでもS式だからな http://mevius.5ch.net/test/read.cgi/tech/1552134567/419
420: デフォルトの名無しさん [sage] 2022/11/22(火) 07:44:22.59 ID:XlS3y7OH tic-tac-toe。今更変わらないのはわかってるけどpure jsで何の不便もないじゃん。 https://jsfiddle.net/nwmeqbL4/ http://mevius.5ch.net/test/read.cgi/tech/1552134567/420
421: デフォルトの名無しさん [sage] 2022/11/22(火) 09:58:17.91 ID:J3G+pIhw それならここに来る必要ないやろ http://mevius.5ch.net/test/read.cgi/tech/1552134567/421
422: デフォルトの名無しさん [sage] 2022/11/23(水) 04:11:09.42 ID:TMK4+5Kw reactでjsx使わない話なんだけどダメ？ タグ手打ちで補完が効かないhyperscriptとかもっとマイナーななんとかhelperとか 誰も使ってない怪しいライブラリに頼らずとも自分で200行コード書くだけで jsx使わないで済むのは自分は衝撃だった。 見たことない構文だけどただのjsなんで補完もインデントも問題なし。閉じタグ書かなくていい。 [div, {className: 'game-info'}, [div, status,], [ol, moves,], ], http://mevius.5ch.net/test/read.cgi/tech/1552134567/422
423: デフォルトの名無しさん [sage] 2022/11/23(水) 04:25:07.28 ID:mlnYnqLg jQuery絶対王者 http://mevius.5ch.net/test/read.cgi/tech/1552134567/423
424: デフォルトの名無しさん [sage] 2022/11/23(水) 05:07:49.07 ID:AN01Xhf0 >>422 チームで合意が取れてれば良いんじゃないかな 自分は好みとかあまりなくて標準だったりプロジェクトだったりに適応するのが好きだから プロジェクトでそうなってたら合わせるかな もちろん自分が一からやるなら現時点で大勢が使ってる標準的なjsxを使うし http://mevius.5ch.net/test/read.cgi/tech/1552134567/424
425: デフォルトの名無しさん [sage] 2022/11/23(水) 08:06:55.32 ID:Wy3yaUuF html in jsはカッコ地獄で使い続けられないと思った mapや三項演算が組み合わさると、あっという間にreadabilityも破綻 jsxは < > 構文なのでカッコに関してはマシ http://mevius.5ch.net/test/read.cgi/tech/1552134567/425
426: デフォルトの名無しさん [sage] 2022/11/23(水) 09:09:30.10 ID:6E3xEeS7 HTMLをHTMLとして認識しにくいのはイヤ http://mevius.5ch.net/test/read.cgi/tech/1552134567/426
427: デフォルトの名無しさん [sage] 2022/11/23(水) 13:34:39.63 ID:Y3sgMMcN jsx ももはやただのjsなんで補完もインデントも問題ないんだよなあ 閉じタグはあった方が見やすいしこれも補完聞くから書くのも手間じゃないし http://mevius.5ch.net/test/read.cgi/tech/1552134567/427
428: デフォルトの名無しさん [] 2022/11/23(水) 14:08:23.15 ID:kuPI2CLi JSXの構文はもっと省略できるよね http://mevius.5ch.net/test/read.cgi/tech/1552134567/428
429: デフォルトの名無しさん [sage] 2022/11/23(水) 14:20:57.19 ID:pkO67U6a ReactがFB内で生まれたのがES5より前だからかJSXでclassやforを属性名として使えないのはそろそろ修正してもいいと思うわ http://mevius.5ch.net/test/read.cgi/tech/1552134567/429
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 52 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.010s