React と React Native のスレ (481ﾚｽ)
React と React Native のスレ http://mevius.5ch.net/test/read.cgi/tech/1552134567/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
229: デフォルトの名無しさん [sage] 2021/12/03(金) 10:05:55.29 ID:OvhoAu9V ボタン連打するけしからん奴対策の定番ライブラリ教えてよ 送信フラグ管理はもう疲れた あ、いちおクロスプラットフォームのライブラリでヨロ http://mevius.5ch.net/test/read.cgi/tech/1552134567/229
230: デフォルトの名無しさん [sage] 2021/12/03(金) 16:35:10.63 ID:ZR9gqQ7Z ボタン押下で実行されるのをステートの値をtrueにするのみのsetAnyState(true)とかにして 実処理を useEffect(()=>{if(anyState){ // 実際したい処理 setAnyState(false) }},[anyState]) にしとけば連打されても大丈夫じゃね？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/230
231: デフォルトの名無しさん [sage] 2021/12/03(金) 18:25:47.16 ID:C14FVshC ボタンが押されたらボタンをdisabledにすればいいじゃん http://mevius.5ch.net/test/read.cgi/tech/1552134567/231
232: デフォルトの名無しさん [sage] 2021/12/03(金) 19:41:18.43 ID:L4TUqIiQ わろた http://mevius.5ch.net/test/read.cgi/tech/1552134567/232
233: デフォルトの名無しさん [sage] 2021/12/03(金) 19:41:36.25 ID:50htZSL3 それだとめっちゃ高速にダブルクリックした場合多分イベント2回来る場合ある http://mevius.5ch.net/test/read.cgi/tech/1552134567/233
234: デフォルトの名無しさん [sage] 2021/12/03(金) 20:19:23.32 ID:mMKMUGdN JavaScriptはシングルスレッド http://mevius.5ch.net/test/read.cgi/tech/1552134567/234
235: デフォルトの名無しさん [sage] 2021/12/06(月) 19:49:21.16 ID:56/uA2M5 function useMyHook() { const [a, setA] = useState(0); const [b, setB] = useState(0); return { foo: () => a+b, bar: () => a-b, }; } function MyComp () { const myhook = useMyHook(); useEffect(() => { if (myhook.foo() > 100 && myhook.bar() < 20) hoge(); } }, [???]); return <Aaaaa />; ???はどう書くのが正解？ 推移的に依存してるのはa, bだがa、bには直接アクセスできない http://mevius.5ch.net/test/read.cgi/tech/1552134567/235
236: デフォルトの名無しさん [sage] 2021/12/06(月) 20:06:59.76 ID:4QzxG6KH useMyEffectもuseMyHookでやるべきじゃねーの それができないならuseMyEffectを foo: useCallback(() => a+b, [a, b]), bar: useCallback(() => a-b, [a, b]) とすれば[???]は [myhook.foo, myhook.bar] http://mevius.5ch.net/test/read.cgi/tech/1552134567/236
237: デフォルトの名無しさん [sage] 2021/12/06(月) 20:07:50.83 ID:4QzxG6KH とりあえずこれ読んどけ https://blog.uhy.ooo/entry/2021-02-23/usecallback-custom-hooks/ http://mevius.5ch.net/test/read.cgi/tech/1552134567/237
238: デフォルトの名無しさん [sage] 2021/12/06(月) 20:11:27.69 ID:4QzxG6KH >>236 1行目訂正 useEffectもuseMyHookでやるべきじゃねーの http://mevius.5ch.net/test/read.cgi/tech/1552134567/238
239: デフォルトの名無しさん [sage] 2021/12/06(月) 22:16:00.54 ID:zN0DCcOz >>236 thank you. http://mevius.5ch.net/test/read.cgi/tech/1552134567/239
240: デフォルトの名無しさん [sage] 2021/12/08(水) 14:16:37.56 ID:/W89KInL function MyComp () { const vm = useMyCompViewModel(); return <略 />; } MyCompのユニットテストする時ってどうしてる？ つまりuseMyCompViewModelをインジェクトしたい時 http://mevius.5ch.net/test/read.cgi/tech/1552134567/240
241: デフォルトの名無しさん [sage] 2021/12/08(水) 15:51:56.43 ID:5zVi58LJ https://github.com/testing-library/react-hooks-testing-library http://mevius.5ch.net/test/read.cgi/tech/1552134567/241
242: デフォルトの名無しさん [sage] 2021/12/08(水) 19:22:47.15 ID:/W89KInL >>241 ? でもこれフックのテスト用なのでは？ そうじゃなくフックをモック化してコンポーネントをテストしたい http://mevius.5ch.net/test/read.cgi/tech/1552134567/242
243: デフォルトの名無しさん [sage] 2021/12/08(水) 21:33:33.67 ID:Rfcvtfm3 テストだけならこんなんで十分じゃね function MyComp (props) { const useViewModel = props.useMyCompViewModel || useMyCompViewModel const vm = useViewModel(); return <略 />; } http://mevius.5ch.net/test/read.cgi/tech/1552134567/243
244: デフォルトの名無しさん [sage] 2021/12/08(水) 21:48:07.68 ID:lkzI+wPD 経年劣化に耐える ReactComponent の書き方 https://zenn.dev/takepepe/articles/howto-withstand-aging-react-component http://mevius.5ch.net/test/read.cgi/tech/1552134567/244
245: デフォルトの名無しさん [sage] 2021/12/08(水) 22:23:21.01 ID:SYjhTw/G >>243 なるぼどなぁ これで少しやってみよかな http://mevius.5ch.net/test/read.cgi/tech/1552134567/245
246: デフォルトの名無しさん [sage] 2021/12/11(土) 11:45:52.40 ID:zttGewLv サードパーティコンポーネントが状態や副作用を持っているがこれを除去してステートレスにしたい どうすればいい？ソースコードを書き換えるのは無しで http://mevius.5ch.net/test/read.cgi/tech/1552134567/246
247: デフォルトの名無しさん [sage] 2021/12/11(土) 11:52:28.47 ID:GrxR7SwR プルリクエスト http://mevius.5ch.net/test/read.cgi/tech/1552134567/247
248: デフォルトの名無しさん [sage] 2021/12/11(土) 12:05:31.62 ID:zttGewLv function IWantEasyTestableComponent(props) { return (<View> <FackingStatefullComponent foo={props.foo} /> <MyAwesomeStatelessComponent {…props} /> </View>); } こういうの、どうすりゃいいんだ？ 野良ライブラリはどれもこれもアマチュアが好き勝手作ってるから、利便性はともかく品質のムラが大きすぎる できれば使いたく無いが、使う前提で予算と工程を組まれる オープンソースのダークサイドやね http://mevius.5ch.net/test/read.cgi/tech/1552134567/248
249: デフォルトの名無しさん [sage] 2021/12/11(土) 12:21:22.59 ID:GrxR7SwR jest.mock('path/to/FackingStatefullComponent') http://mevius.5ch.net/test/read.cgi/tech/1552134567/249
250: デフォルトの名無しさん [sage] 2021/12/11(土) 12:27:06.61 ID:RI4P88iz >>249 ソースコードの書き換えとどう違うんだそれ？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/250
251: デフォルトの名無しさん [sage] 2021/12/11(土) 12:44:03.50 ID:g9v4y15i 依存関係をインターフェース等で明示的に分離してインジェクションするポイントを作るという考え方ではなく モジュール自体を上書きしてしまうことで無理やりインジェクションするということか 違和感が強いがこれがJavaScriptの文化と思って受け入れるしかないか http://mevius.5ch.net/test/read.cgi/tech/1552134567/251
252: デフォルトの名無しさん [sage] 2021/12/12(日) 21:59:15.39 ID:wsjthnMX LogBox邪魔すぎる 機能OFFにできんのかコレ http://mevius.5ch.net/test/read.cgi/tech/1552134567/252
253: デフォルトの名無しさん [sage] 2021/12/20(月) 09:27:19.20 ID:vskoYLeQ 状態、副作用は親コンポーネントに持たせるべきか 子コンポーネントに持たせるべきか http://mevius.5ch.net/test/read.cgi/tech/1552134567/253
254: デフォルトの名無しさん [sage] 2021/12/20(月) 17:18:10.57 ID:hUMHHR9z コンポーネントの用途に依る 基本的にはコンポーネントで独立してる方がいいと思う ちゃんと精査すれば全体で管理しなきゃいけない状態ってそんなに多くないはず http://mevius.5ch.net/test/read.cgi/tech/1552134567/254
255: デフォルトの名無しさん [sage] 2021/12/20(月) 18:51:15.00 ID:DVSwWolF 以前は 親(コンテナ)コンポーネントで状態管理 子(プレゼンテーショナル)コンポーネントは表示だけ ってのが流行ってたが廃れたな 再レンダリングが発生しやすいせいかな http://mevius.5ch.net/test/read.cgi/tech/1552134567/255
256: デフォルトの名無しさん [sage] 2021/12/21(火) 15:04:20.98 ID:2tghIxun まあケースバイケースになるか そこそこ複雑な入力ページなんだけど 親に状態を持たせると不定個数の状態の扱いがやりにくい 子に状態を持たせると親への通知がやりにくい どっちでやってもスッキリしない http://mevius.5ch.net/test/read.cgi/tech/1552134567/256
257: デフォルトの名無しさん [sage] 2021/12/21(火) 15:13:11.31 ID:YHqQ6+Ts 入力フォームなら素直にreact-hook-form使え http://mevius.5ch.net/test/read.cgi/tech/1552134567/257
258: デフォルトの名無しさん [sage] 2021/12/21(火) 15:40:04.62 ID:ESVu6HO8 ほぉん なかなか便利そう どこまで複雑な入力ページに耐えられるか気になるところだけど 単純なフォームならこれで良さそうだ http://mevius.5ch.net/test/read.cgi/tech/1552134567/258
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 223 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.017s