React と React Native のスレ (481ﾚｽ)
React と React Native のスレ http://mevius.5ch.net/test/read.cgi/tech/1552134567/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
88: デフォルトの名無しさん [] 2021/08/10(火) 10:10:26.07 ID:0SSgF6Zh Reactで関数コンポーネントで本気実装始めたんだが、 関数コンポーネント面倒くさ過ぎじゃね？ 関数コンポネント入門位の実装なら問題なかったんだが、 ちょっと込み入ったの実装しようと思ったら クラスじゃないんで、コンポーネントの自前メソッドを（子から親、親から子）公開するのとか そのTS型定義をどうするのとかうまく解決できんのか？これwww http://mevius.5ch.net/test/read.cgi/tech/1552134567/88
89: デフォルトの名無しさん [sage] 2021/08/10(火) 10:18:58.12 ID:Yti8n+JL 込み入った実装ってだいたい設計から間違ってるよね… http://mevius.5ch.net/test/read.cgi/tech/1552134567/89
90: デフォルトの名無しさん [] 2021/08/10(火) 10:22:58.46 ID:0SSgF6Zh >>89 あんたが考えてんの具体的にどのレベルだ？ こっちはネイティブアプリ同等の、ガントチャート状のスケジューラーの実装なんだが コンポーネント間のメソッド呼び出しは結構多いぞ http://mevius.5ch.net/test/read.cgi/tech/1552134567/90
91: デフォルトの名無しさん [sage] 2021/08/10(火) 11:17:59.39 ID:x9cqqxVb 奇遇だな、Webとネイティブ両用のスケジュール管理系やってるよ 推測だけどコンポーネントとデータ構造(いわゆるモデル)が分離できてないんだろうと思うわ 同じものをネイティブでも作ることを仮定して共有できるところ(モデル)とできないところ(レンダリング)にわけて考えてみるといんじゃね http://mevius.5ch.net/test/read.cgi/tech/1552134567/91
92: デフォルトの名無しさん [] 2021/08/10(火) 11:27:05.53 ID:0SSgF6Zh >>91 ！！ まだReact不慣れで困ってる 半年前にReact初めてそちはクラスベース（TS）だったので、 実装できない事は無かったのでこういった苦労はなかった >>コンポーネントとデータ構造(いわゆるモデル)が分離できてないんだろうと思うわ どうだろう？ あんまり業務的なことを書くわけにはいかんけど、 親パネル側から、配置されたコンポーネントの機能を呼び出したいんだが、 コンポーネントが今回クラスから関数に変わったんで、 コンポーネント側にコンポーネント固有の機能（クラスん時はメソッド）が実装しずらくなって困ってる 関数コンポーネントだとここにメソッドとか置かないもんなの？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/92
93: デフォルトの名無しさん [] 2021/08/10(火) 12:03:49.33 ID:0SSgF6Zh 関数なんだから、オブジェクト指向的な実装はムリなんだろうな とりあえず、 ・クラス → モジュール ・プロパティ → モジュールの関数の引数 ・メソッド → モジュールの関数 に置き換えて実装してみるわ http://mevius.5ch.net/test/read.cgi/tech/1552134567/93
94: デフォルトの名無しさん [sage] 2021/08/10(火) 12:28:03.76 ID:dmkhwQTT 関数であれクラスであれ(つかもっと前から)Reactのコンポーネントは渡されたデータ(Props)をただベタッとレンダリングするだけってのがコンセプト その超基本的なところをわかってなさそう 他の言語やフレームーワークの考え方のままReact始めたのか知らんけどそれをReactに置き換えるよりReact流の考え方を身につけたほうがいいと思うわ http://mevius.5ch.net/test/read.cgi/tech/1552134567/94
95: デフォルトの名無しさん [] 2021/08/10(火) 12:36:48.42 ID:0SSgF6Zh いや、アトミックデザイン的に機能分割して その単位をオブジェクト指向的にデザインしてたわー−（前回プロジェクト） でもRender()しかやらん関数と、 その外にはみ出た処理で細切れ関数だらけになって、 コード読みにくいは、実装も美しくならんわー− ( ﾉД`)ﾄﾞｽﾙ http://mevius.5ch.net/test/read.cgi/tech/1552134567/95
96: デフォルトの名無しさん [] 2021/08/10(火) 14:00:37.21 ID:8kvO2lBn Redux素晴らしいって言ってた人たちは今息してんのかな http://mevius.5ch.net/test/read.cgi/tech/1552134567/96
97: デフォルトの名無しさん [] 2021/08/10(火) 14:08:07.90 ID:UtkECLI3 >>95 この流れでアトミックデザインを出してくるのものすっごく薄っぺらい http://mevius.5ch.net/test/read.cgi/tech/1552134567/97
98: デフォルトの名無しさん [sage] 2021/08/10(火) 14:15:30.49 ID:i+IrTlV6 >>97 アトミックデザイン使わず あなたが表現してあげたら？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/98
99: デフォルトの名無しさん [] 2021/08/10(火) 14:57:48.57 ID:UtkECLI3 >>98 単純にいらんやろ 「コンポーネントをオブジェクト指向でデザインしてた」で十分だしそれがReactらしくないって話やん http://mevius.5ch.net/test/read.cgi/tech/1552134567/99
100: デフォルトの名無しさん [sage] 2021/08/10(火) 15:49:45.99 ID:LAvum0nL >>99 コンポーネントの分割単位が伝わらんよ http://mevius.5ch.net/test/read.cgi/tech/1552134567/100
101: デフォルトの名無しさん [] 2021/08/10(火) 16:58:18.35 ID:UtkECLI3 >>100 この流れで分割単位の話なんかいらないじゃん 88から読み直してみ http://mevius.5ch.net/test/read.cgi/tech/1552134567/101
102: デフォルトの名無しさん [sage] 2021/08/10(火) 18:51:43.55 ID:M/It2Akn > コンポーネント間のメソッド呼び出し ？？？？？？？？？？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/102
103: デフォルトの名無しさん [sage] 2021/08/10(火) 19:15:22.44 ID:Yh+H2qBA データフェッチに swr を使う前提であれば Recoil より swr で状態管理 hooks 作る方が良いんだろうか 両方使う例があるなら見てみたい http://mevius.5ch.net/test/read.cgi/tech/1552134567/103
104: デフォルトの名無しさん [sage] 2021/08/10(火) 19:38:32.34 ID:Qo7qEUjv >>103 swrはサーバーサイドの情報を取ってきてキャッシュするものだから扱う状態はサーバーステートとでも呼ぶべきものなんだよね だからクライアントサイド固有の状態を swrで扱おうとは俺は思わない apolloなんかはクライアントのステートも一緒に扱えるのを売りにしてるけど余計な手間をかけてるだけにしか見えない コンポーネントのローカルステート→useState, useReducer クライアントのグローバルステート→redux, recoilなど(俺は好かんがcontextもここに入る) サーバーステート→swr, react query, apolloなど と使い分けてる http://mevius.5ch.net/test/read.cgi/tech/1552134567/104
105: デフォルトの名無しさん [sage] 2021/08/10(火) 20:04:49.62 ID:Yh+H2qBA >>104 参考になるありがとう 依存ライブラリ増加を嫌うことへの妥協案で >>103 を考えてたけどその方が役割分担が明確だから状態と取得キャッシュが混合するより状態を把握しやすそう http://mevius.5ch.net/test/read.cgi/tech/1552134567/105
106: デフォルトの名無しさん [sage] 2021/08/11(水) 19:43:56.70 ID:u2eXJHJo >>88 ちゃんとhooks使ってるか？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/106
107: デフォルトの名無しさん [sage] 2021/08/11(水) 20:53:01.89 ID:UmYmX+C7 >>106 ぶっちゃけクラスの方が書きやすく コードも綺麗だ（実力高い人の場合） 関数コンポーネントは 実装の自由度がhocksとその拡張ぐらいしかなく フレームワーク的なのが造りづらく感じてる http://mevius.5ch.net/test/read.cgi/tech/1552134567/107
108: デフォルトの名無しさん [sage] 2021/08/12(木) 03:09:43.60 ID:YWc6Jioi 実力が高いw 本気でそう思ってるならqiitaでもzennでもどこでもいいから記事に書いてみろよ 間違いなく日本中からボロクソに叩かれるよ http://mevius.5ch.net/test/read.cgi/tech/1552134567/108
109: デフォルトの名無しさん [sage] 2021/08/12(木) 03:23:50.10 ID:c9YvWIsD >>108 受け答えから見て実力が低そう http://mevius.5ch.net/test/read.cgi/tech/1552134567/109
110: デフォルトの名無しさん [sage] 2021/08/12(木) 17:08:42.90 ID:qp3m1ZO5 >>107 クラス記法はこういう欠点があるからなあ ttps://speakerdeck.com/sonatard/coheision-coupling?slide=24 http://mevius.5ch.net/test/read.cgi/tech/1552134567/110
111: デフォルトの名無しさん [] 2021/08/12(木) 17:57:27.67 ID:/tY+Xjfe 大方の単細胞腦は、SQLDBとNoSQLDBの時がそうであったように 関数コンポーネントとクラスコンポーネントのどちらかに 絶対的な優劣をつけたがってんじゃね？ 今回も関数コンポーネントがマッチする場合と、 そうでない場合がありそうに見える とくに、関数コンポーネントは コンポーネントのインスタンスが自由に扱えない（扱えなさそう）から そういった処理の実装時に（React用で無いJSライブラリを無理やり動かしてたようなケースとか） トラブりそうな気がする http://mevius.5ch.net/test/read.cgi/tech/1552134567/111
112: デフォルトの名無しさん [] 2021/08/12(木) 18:16:18.47 ID:mo2yl2b6 典型的な「分かってないことが分かってない」ヤツ http://mevius.5ch.net/test/read.cgi/tech/1552134567/112
113: デフォルトの名無しさん [sage] 2021/08/12(木) 18:29:54.23 ID:1fVVrAZN 優劣はどうでもよくてクラスコンポーネントは互換性のために残されてるだけってのがReactの立場 新しい機能の中には関数コンポーネントからしか使えないものが出てるしこれからも増える そもそも対等な選択肢ではないから議論する価値がない 状況に合わせて適応するってのが一番大事 http://mevius.5ch.net/test/read.cgi/tech/1552134567/113
114: デフォルトの名無しさん [] 2021/08/12(木) 18:43:59.17 ID:/tY+Xjfe >>113 >> 互換性のために残されてるだけってのがReactの立場 なんと！(; ･`д･´) http://mevius.5ch.net/test/read.cgi/tech/1552134567/114
115: デフォルトの名無しさん [sage] 2021/08/12(木) 18:53:29.47 ID:1fVVrAZN 今の公式ドキュメントやチュートリアルは古くてクラスコンポーネントが大きく扱われてるのが本当に良くない それはReactチームも分かってるからドキュメントを全面的に書き換えてる最中 もちろん関数コンポーネントとHooksメインで http://mevius.5ch.net/test/read.cgi/tech/1552134567/115
116: デフォルトの名無しさん [] 2021/08/12(木) 19:01:46.19 ID:/tY+Xjfe >>115 なんと！(; ･`д･´) http://mevius.5ch.net/test/read.cgi/tech/1552134567/116
117: デフォルトの名無しさん [] 2021/08/26(木) 15:41:55.94 ID:CFvcLd/B フック初心者ですが 「フックは関数のトップレベルのみで呼び出してください。」 とあります。この関数は関数コンポーネントの意味で合ってますでしょうか？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/117
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 364 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.009s