React と React Native のスレ (482ﾚｽ)
React と React Native のスレ http://mevius.5ch.net/test/read.cgi/tech/1552134567/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
163: デフォルトの名無しさん [sage] 2021/09/20(月) 19:00:16.83 ID:wV0zqhwC ストアに登録する前に1ヶ月テスト運用したいのですがそんなこと可能なんですか？ テストユーザーは50名程度の予定です http://mevius.5ch.net/test/read.cgi/tech/1552134567/163
164: デフォルトの名無しさん [sage] 2021/09/20(月) 21:16:44.39 ID:hoT+CjfW それReact関係ないよね http://mevius.5ch.net/test/read.cgi/tech/1552134567/164
165: デフォルトの名無しさん [sage] 2021/09/22(水) 02:10:39.83 ID:LiQqK68K うーん、先に代弁してくれてる人もいる通り、自分が聞きたかったことを解消できるものじゃなかったな、keyを付けないかんてのは改めてよく分かったけど。memoに関しては配列でmap関数でjsx組立ててる場合に言及した解説サイトは見当たらんかったし、うまくいくかは一度書いて調べてみるかー http://mevius.5ch.net/test/read.cgi/tech/1552134567/165
166: デフォルトの名無しさん [sage] 2021/09/22(水) 15:53:36.27 ID:LiQqK68K >>165だけど、memo化して特定の子要素だけレンダリングが呼び出されるのを確認できたわ ありがとう http://mevius.5ch.net/test/read.cgi/tech/1552134567/166
167: デフォルトの名無しさん [] 2021/09/25(土) 21:37:04.38 ID:h7oOvGYh Vue.jsだと公式サイトからリンクにawesome-vueってのがあって https://github.com/vuejs/awesome-vue ここ（Components & Libraries）にVue向けのlibraryやcontrolのリストが列挙されてて大変便利なんですけど、 これのReact版とか無いですか？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/167
168: デフォルトの名無しさん [] 2021/09/25(土) 21:39:38.06 ID:h7oOvGYh 言った直後にまんまのがあった... awesome-react awesome-react-components 笑 http://mevius.5ch.net/test/read.cgi/tech/1552134567/168
169: デフォルトの名無しさん [sage] 2021/09/25(土) 23:03:28.71 ID:PknKU9DC awesome-react-hooksとかawesome-reduxとか思いつくのはだいたいあるキガス http://mevius.5ch.net/test/read.cgi/tech/1552134567/169
170: デフォルトの名無しさん [sage] 2021/09/27(月) 11:55:16.25 ID:DYuWVLW4 JSだとホットリロードが機能するけどTSだと機能しないのだけど これはTSの自動トランスパイルが機能してないってことですかね？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/170
171: デフォルトの名無しさん [sage] 2021/09/27(月) 11:57:06.64 ID:ZRFQgXut >>170 ？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/171
172: デフォルトの名無しさん [sage] 2021/09/27(月) 12:09:11.49 ID:DYuWVLW4 再起動したら直ったわ http://mevius.5ch.net/test/read.cgi/tech/1552134567/172
173: デフォルトの名無しさん [sage] 2021/09/28(火) 17:29:52.40 ID:s3NqJ5bC reactのコンポーネントにクリックとかのイベント処理を付ける時って、onClick＝｛clickHandler｝みたいに書くじゃない このclickHandlerの処理の中でコンポーネントに渡してある属性を参照したいときってどう書くんだ？ clickHandlerを関数を返す関数にして、 clickHandler ＝（props）＝＞ () ＝＞｛‥｝ コンポーネントにはonClick＝｛clickHandler(props)｝ってやればできるんだけど、これだとuseCallbackが使えなくて毎回レンダリングし直されちゃうんだよな even
t.targetはネイティブのDOMの情報しか載ってこないし、誰か教えてえろいひと http://mevius.5ch.net/test/read.cgi/tech/1552134567/173
174: デフォルトの名無しさん [sage] 2021/09/28(火) 18:22:37.60 ID:Tl6wB3bi >>173 JSの基本機能にクロージャーというのがあってだな なんと！clickHandlerの中から外(つまりコンポーネント)の変数を参照できるんだよ！ const clickHandler = () => { console.log(props.xxx) } useCallback使ってるならdepsに並べる const clickHandler = useCallback(() => { console.log(props.xxx) }, [props.xxx]) http://mevius.5ch.net/test/read.cgi/tech/1552134567/174
175: デフォルトの名無しさん [sage] 2021/09/28(火) 21:49:04.22 ID:s3NqJ5bC >>174 変数名をpropsにしたのが紛らわしかったかもしれんが ｛arr.map((v)＝＞｛ ＜ComponentA key＝v.Id onClick＝｛clickHandler｝ /＞ ｝)｝ みたいなことをやってるときにclickHandlerの処理の中でvを参照するにはどうしたらいいのかな？っていうのが聞きたいことなんだが、クロージャ？にあたるのか？ 分かりにくくてスマン http://mevius.5ch.net/test/read.cgi/tech/1552134567/175
176: デフォルトの名無しさん [sage] 2021/09/28(火) 22:23:47.81 ID:yTRBGUiM memo 化したコンポーネントで ComponentA をラップし props と clickHandler を受け取って onClick=｛() => clickHandler(props)} とする http://mevius.5ch.net/test/read.cgi/tech/1552134567/176
177: デフォルトの名無しさん [sage] 2021/09/28(火) 22:25:37.88 ID:84Zwu3SC >>175 それならComponentAにvを渡してその中で onXxx={(ev) => clickHandler(ev, v)} http://mevius.5ch.net/test/read.cgi/tech/1552134567/177
178: デフォルトの名無しさん [sage] 2021/09/28(火) 23:04:47.64 ID:s3NqJ5bC >>176 なーるほどなぁ、面倒だけど確かにそれならできそう >>177 おー？これはuseCallbackで包めるんか？ちょっと明日試してみるわ おまえらthx http://mevius.5ch.net/test/read.cgi/tech/1552134567/178
179: デフォルトの名無しさん [sage] 2021/09/28(火) 23:30:14.37 ID:pKLoFE48 >>178 input等のdomにマップされるコンポーネントに直接渡す関数をuseCallbackする必要はない http://mevius.5ch.net/test/read.cgi/tech/1552134567/179
180: デフォルトの名無しさん [sage] 2021/09/29(水) 23:01:40.05 ID:lzBphG+K >>177 あ、これ>>176と同じこと言ってるんか、勘違いしてたわ このためにラップしたコンポーネントを作らなきゃいけないってのはなんかイマイチだけどそれくらいしかなさそうね。ありがとう http://mevius.5ch.net/test/read.cgi/tech/1552134567/180
181: デフォルトの名無しさん [sage] 2021/09/29(水) 23:13:02.36 ID:VRCLPgDh >>180 え？177は俺だけどラップしたコンポーネントってなんのことかわからねーぞw ComponentAもおまえが作ってるんならそんなのいらないだろ http://mevius.5ch.net/test/read.cgi/tech/1552134567/181
182: デフォルトの名無しさん [sage] 2021/09/30(木) 12:42:41.23 ID:TAcHeIwJ componentAが自作かそうでないかに関わらず言ってることは同じだわな どちらも子コンポーネント内で実装しないといけないことを言ってるんだから http://mevius.5ch.net/test/read.cgi/tech/1552134567/182
183: デフォルトの名無しさん [sage] 2021/09/30(木) 14:23:21.02 ID:uxDakMZz 質問主はどう見ても>>155なんだから自作前提でよくて余計なことは省いた方がいいと思うね http://mevius.5ch.net/test/read.cgi/tech/1552134567/183
184: デフォルトの名無しさん [sage] 2021/10/03(日) 21:36:14.94 ID:9xTT9AKy material-uiのspeed dialをネストしたいんだけど無理かな？speed dial actionの代わりにspeed dialそのものを子に持ちたい http://mevius.5ch.net/test/read.cgi/tech/1552134567/184
185: デフォルトの名無しさん [] 2021/10/19(火) 10:58:01.20 ID:I/uBXkGk VSCodeでsassファイル保存時に自動フォーマット掛けたいですけどそれ出来る拡張ありますか？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/185
186: デフォルトの名無しさん [] 2021/10/20(水) 21:47:12.22 ID:VGECjsMp >>185 marketplace.visualstudio.com/items?itemName=BdSoftware.format-on-auto-save 標準搭載してほしいわ http://mevius.5ch.net/test/read.cgi/tech/1552134567/186
187: デフォルトの名無しさん [sage] 2021/11/09(火) 10:45:02.06 ID:tf9NUtHx イベントと副作用フックどっちでもいい時に、どちらを優先して使うほうがより良いとかってある？ keyを入力するテキスト入力欄、valueを表示するテキスト表示欄がある keyが変化するとデータを鯖から取ってきてvalueに設定したい 副作用フックでkeyを監視するか、key入力欄の変更通知イベントを使うか、どっちでもいいけど、どちらかというとどっちが良いか？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/187
188: デフォルトの名無しさん [sage] 2021/11/09(火) 11:13:14.15 ID:ppTxKkYh 入力欄の変更イベントで十分だろ そしてuseDefferedValue経由の値でサーバを叩く http://mevius.5ch.net/test/read.cgi/tech/1552134567/188
189: デフォルトの名無しさん [sage] 2021/11/17(水) 09:45:52.91 ID:gjeYELEc 素朴な疑問 状態を持ったり副作用を持ったりするコンポーネントってぶっちゃけclassのほうが可読性いいよね？ フックは書く時は楽だけど後で見るとナンジャコラ？ってなる http://mevius.5ch.net/test/read.cgi/tech/1552134567/189
190: デフォルトの名無しさん [sage] 2021/11/17(水) 10:40:45.63 ID:yi3gjxGP >>110を読んでないってわかんだよね http://mevius.5ch.net/test/read.cgi/tech/1552134567/190
191: デフォルトの名無しさん [sage] 2021/11/17(水) 11:55:31.75 ID:gjeYELEc 例えばの話、コンポーネントの初期化処理と終了処理はどこでやるの？って新人の疑問に対して classコンポーネントなら 見たまんまcomponentDidMount、componentWillUnmountだよ このメソッドを用意しとくとこのコンポーネントを持って管理してるフレームワークさんが、 いい感じのタイミングで呼び出してくれるよ こう教えてやれば、直感ですぐさまなるほど、と理解して貰える しかし関数コンポーネントでは純粋関数とは何か、副作用とは何か、フックとは何か、useEffe
ctとは何か、useEffectの引数は何か、引数の戻りの関数は何か ということをよく理解して頭の中で読み替えないといけない なのでじっくり時間をかけて教えても、それでも理解するには時間を要する 関数コンポーネントはこんなのが無数にある だから理解しにくい タイピングの文字数は減るので書くのは楽だ、ということは確かだが 理解しやすさで言うと、ちょっとね、、、 http://mevius.5ch.net/test/read.cgi/tech/1552134567/191
192: デフォルトの名無しさん [sage] 2021/11/17(水) 16:48:12.54 ID:QzSwOiy0 宣言的なReactを命令的に読み替えるんじゃ永遠に理解できないだろうな そういう教え方をされる新人がかわいそうだし同情しかない http://mevius.5ch.net/test/read.cgi/tech/1552134567/192
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 290 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.007s