- 1 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 21:29:27.97 ID:AJ6jPa0v.net]
- Q. Reactってなんですか？
A. ブラウザで動くウェブアプリを作るJavaScriptフレームワークです
Q. React使えば、iOSやAndroidアプリも作れるのですか？
A. 作れません。（ブラウザでなら動きます）
Q. でも動くってきいたんだけど？
A. それはReactではなくReact Nativeです。
Q. React と React Native は同じようなものじゃないの？
A. 設計思想が同じなだけで、中身は全くの別物です。
Q. React Nativeで作ればブラウザで動くの？
A. 動きません。（動くようにするサードパーティ製のライブラリならあります）
Q. React と React Native でソースコード共通化できるの？
A. UIの部分は共通化出来ません。UI以外の部分なら頑張れば
Q. このスレはどっちの話題のスレなの？
A. 両方です。どっちの話題をしているかは文脈で判断してください
- 285 名前：デフォルトの名無しさん [2022/01/27(木) 01:39:30.37 ID:58xO6kDn.net]
- 何故それが必要と思うのか説明して見ろよｗ
- 286 名前：デフォルトの名無しさん mailto:sage [2022/01/27(木) 05:05:01.32 ID:kowYjA+c.net]
- Ruby on Rails の作者・DHH の動画では、
React, Vue.js とか、規約だけのフレームワーク・Stimulus も使う
- 287 名前：デフォルトの名無しさん mailto:sage [2022/01/27(木) 10:03:38.14 ID:QU6mkTFl.net]
- >>285
すでに280に書いただろが
もっともシャロー比較のために不変性が必要というのは話が逆で不変性が前提としてあるからシャロー比較が機能するんだが
もっと言えばreduxは関数型のスタイルを「選択」して全体が作られてる
だからステートやアクションは不変に、reducerやselecterは純粋にすべしってこと
それがreduxの設計意図
一番人気と聞いただけで飛びついちゃった上っ面君には関係ない話だけどな
- 288 名前：デフォルトの名無しさん mailto:sage [2022/01/27(木) 10:51:15.03 ID:zgsWbtRT.net]
- >>286
DHHってフロントエンドでは間違いしかしない人だからスルー推奨
- 289 名前：デフォルトの名無しさん [2022/01/27(木) 11:28:21.68 ID:58xO6kDn.net]
- >>287
だから全てのアプリがシャロー比較とかタイムトラベルしたい訳じゃないだろって話してんだがｗ？
まあ、余計な機能をテンコ盛りに詰めて利用者に強制したから、別の実装が出たりreactが自前実装して
見捨てられるんだろうけど。Reduxに期待する事はFluxのあの図を忠実に実装する事だけで余計な機能は付けるなよ
>一番人気と聞いただけで飛びついちゃった上っ面君には関係ない話だけどな
飛びついたのは俺じゃなくて俺が使ってるミドル作った人だけど、まあ、あのアプリの規模（デモレベル）
でそんな面倒臭いシステム使ったのなら、理由はそんなところだろうなと。
Reduxはマジあかんな。費用対効果が悪すぎる。
コスト意識の無い潔癖な学者か研究者が作ったシステムって感じがするね。
- 290 名前：デフォルトの名無しさん mailto:sage [2022/01/27(木) 12:05:30.94 ID:zgsWbtRT.net]
- >>289
全てのアプリがしたいかどうかじゃなくてredux使うアプリはその流儀に従うしかないって話なんだがわからず屋だな
それが嫌ならredux選ぶなっつーだけの話だ
ちなみにシャロー比較はreact.memoなどreactエコシステムの共通項だから全てのreactアプリ開発者が身につけておくべきことだけどな
だいたいreduxの元の作者が今はreactコアチームの主要メンバーでredux不要化を進めてる張本人だし
- 291 名前：デフォルトの名無しさん mailto:sage [2022/01/28(金) 04:01:26.15 ID:dtKXZRXN.net]
- Deanin, 1/10、15分の動画
Setup A Ruby on Rails 7 API With React JS
https://www.youtube.com/watch?v=sh4WrNGDvQM
WSL, Ubuntu 20.04, VSCode(Remote WSL)
Ruby 3, Rails 7 のAPI モード、React, Axios
Railsのscaffold で、簡単なデモ。
この兄ちゃんは、きれいな英語を喋るので、翻訳も分かりやすい
- 292 名前：デフォルトの名無しさん mailto:sage [2022/01/28(金) 07:19:26.02 ID:FbvuqA1u.net]
- Ruby はお呼びじゃないです
- 293 名前：デフォルトの名無しさん [2022/01/29(土) 01:06:49.85 ID:b1Z4prOk.net]
- >だいたいreduxの元の作者が今はreactコアチームの主要メンバーでredux不要化を進めてる張本人だし
害悪をまき散らした張本人だな。
マジであの生鮮性を何故実装して広めようとした事は理解に苦しむ。
J2EEとかhadoopとか(多分将来的にk8sも）生産性が超絶に低い潔癖システムが消えてなくなった事例から全く学ぼうとしないんだな。
- 294 名前：デフォルトの名無しさん [2022/02/06(日) 05:24:52.64 ID:ETpepHrW.net]
- ReactでPOSTメソッドだけを受けるアプリ作るのはどうすれば良いんでしょう？
"react POST method "でぐぐってもfetchを使えとか、何故か投げる側の処理ばかりが出ます。
webサーバーには何も入れてないので、npm start で動くサーバーと思しき物はreact-scriptsの筈です。
POSTメソッドだけに紐付いたコンポーネント書きたいのですが…
- 295 名前：デフォルトの名無しさん mailto:sage [2022/02/06(日) 07:33:46.13 ID:d9+JDYY/.net]
- >>294
(´Д`)
- 296 名前：デフォルトの名無しさん mailto:sage [2022/02/06(日) 13:52:11.36 ID:xkt5lO0Z.net]
- >>294
これネタじゃなくマジで言ってんの
- 297 名前：デフォルトの名無しさん mailto:sage [2022/02/06(日) 15:17:45.09 ID:d9+JDYY/.net]
- (´Д`)
- 298 名前：デフォルトの名無しさん mailto:sage [2022/02/06(日) 15:52:20.16 ID:YYEn69uQ.net]
- GETとPOSTの違いを質問するだけで、
アレな人を面接から排除できるし、簡単だな
これで95%ぐらい排除できるし
- 299 名前：デフォルトの名無しさん mailto:sage [2022/02/06(日) 16:34:57.86 ID:FsJSE82A.net]
- いやいや、この場合はクライアントとサーバの違いを質問するところからだろ……
- 300 名前：デフォルトの名無しさん mailto:sage [2022/02/06(日) 16:41:29.09 ID:d9+JDYY/.net]
- まずネタかどうか...
- 301 名前：デフォルトの名無しさん mailto:sage [2022/02/06(日) 16:52:26.30 ID:NfirkViC.net]
- □私はロボットではありません
- 302 名前：デフォルトの名無しさん [2022/02/06(日) 21:41:04.19 ID:g3gFasX1.net]
- あれ？Reactってサーバーサイドで動く処理は一切かけないの？？
Next.jsとかあるから、かけるもんかと思ってたけど。
- 303 名前：デフォルトの名無しさん mailto:sage [2022/02/06(日) 22:13:46.32 ID:akwTUDY3.net]
- Next.jsってそれっぽい処理あるのね
React勉強中でAPIサーバ別で作るかって思ってたけどNext.jsで事足りそう
- 304 名前：デフォルトの名無しさん mailto:sage [2022/02/06(日) 22:34:10.48 ID:hDdLDr4C.net]
- Next.jsのサーバサイドはpages以下のページコンポーネントに対応するGETリクエストを受けたときだけそのページコンポーネントをレンダリングする(SSRの場合)
POSTを処理するにはAPIルートを使えるがこれはReactコンポーネント関係ない
- 305 名前：デフォルトの名無しさん mailto:sage [2022/02/07(月) 16:33:13.54 ID:QUqmCtWk.net]
- Ruby on Rails は、React, Bootstrap が多い
他には、Vue.js, Stimulus, jQuery
Bulma, Tailwind
Rails にはHTML ではなく、JSON を返す、API モードもある
- 306 名前：デフォルトの名無しさん mailto:sage [2022/02/07(月) 16:54:59.57 ID:sj/r7l/l.net]
- ウザ
- 307 名前：デフォルトの名無しさん mailto:sage [2022/02/08(火) 16:28:11.87 ID:vHTqeH80.net]
- prettier以外でReact hookでつかえる
フォーマッターで何か良いの無いでしょか？
- 308 名前：デフォルトの名無しさん mailto:sage [2022/02/15(火) 22:42:35.11 ID:/0MPsAKI.net]
- eslint
- 309 名前：デフォルトの名無しさん [2022/03/16(水) 12:08:38.94 ID:5z0ayZzJ.net]
- webサイト作っててログイン名とか持ち回りたいんですけど、usestateとかpropsとかで持ち回るよりlocalstorageとかsessionstorageとか使えば良いのでは？と思うのですが何か問題あったりする？
- 310 名前：デフォルトの名無しさん mailto:sage [2022/03/16(水) 15:24:22.47 ID:QBH5mk3r.net]
- なぜその程度の情報をそこに保存しようと思ったのかを知りたいね
- 311 名前：デフォルトの名無しさん [2022/03/16(水) 21:21:30.66 ID:5z0ayZzJ.net]
- もち回るのが面倒だからこれでいいかなって、、
- 312 名前：デフォルトの名無しさん mailto:sage [2022/03/16(水) 21:24:39.33 ID:aSvQMnmr.net]
- どうせ他にも持ち回る情報はあるのだからちゃんと管理した方がいいよ
どっちしろuseLocalStorageみたいなフック作ることになるんだし
- 313 名前：デフォルトの名無しさん [2022/03/17(木) 01:04:21.86 ID:nbrJosFU.net]
- Ruby on Rails では、セッション情報を何を使って実現しているかは、あまり意識しない。
各デバイスを自分でコーディングする事もない
4KB までなら、ブラウザのcookie だし、
それ以上なら、Rails のキャッシュか、データベースとか
フレームワークを使わない人は、自分で調べてコーディングするから、
何十倍も時間が掛かって、なおかつ低品質な実装しかできない
- 314 名前：デフォルトの名無しさん mailto:sage [2022/03/17(木) 23:27:53.87 ID:575mXe6h.net]
- >>313
氏ね
- 315 名前：デフォルトの名無しさん [2022/04/01(金) 10:10:23.98 ID:JecPgYr0.net]
- React初心者だけど画面のDevelper ToolsからReactコンポーネントが
どれなのかってわかりにくいよね？
ブラウザからHTMLを見るとどれがReactコンポーネントの塊なのかわかりにくいし
Reactコンポーネントを組み込んだHTMLのビューファイルのソースコードを見ると
配置されているコンポーネントが何なのかわかりにくい
- 316 名前：デフォルトの名無しさん mailto:sage [2022/04/01(金) 11:23:42.76 ID:auF3smsz.net]
- React DevToolsというのがありましてん
- 317 名前：デフォルトの名無しさん [2022/04/01(金) 18:54:14.92 ID:yYW+C1/7.net]
- Reactってちょっとした実装するとすぐパフォーマンス悪くなって
不要なれだリングを抑制するのに苦労するじゃん
これ逆にで、全て手動でレダリング指示する方式には出来なかったん？
- 318 名前：デフォルトの名無しさん mailto:sage [2022/04/01(金) 19:46:55.68 ID:rhFjyhAq.net]
- それなんてjQuery
- 319 名前：デフォルトの名無しさん mailto:sage [2022/04/03(日) 15:55:17.06 ID:MTdqQjr6.net]
- >>309
recoil使えばええんやない？それで足りんかったらrecoil-persistも
- 320 名前：デフォルトの名無しさん mailto:sage [2022/04/13(水) 00:17:55.41 ID:fbGfFCQp.net]
- react-bootstrapの"esm"ってどこの馬鹿が付けたんだ？
RowとかColとかを自動インポートするたびにesmが付きやがる・・・（怒
それならreact-bootstrap-esmにでもしてreact-bootstrapとは分けろよ
とんでもねえ馬鹿野郎が作っちまったな
- 321 名前：デフォルトの名無しさん mailto:sage [2022/04/15(金) 18:52:04.48 ID:6JZFJ70w.net]
- スマホアプリと連動するWebアプリを開発するために
html, css, js, ts, react, redux, material-uiなどについて現在勉強中
「組み込みの経験値があるから、Webアプリ開発なんて楽勝でしょwwwww」とか思ってたけど
技術選定を含めて二週間かかってもまだ開発に着手できてない
もう1週間はかかりそう。かなり敷居が高いな
- 322 名前：デフォルトの名無しさん mailto:sage [2022/04/15(金) 18:53:13.67 ID:6JZFJ70w.net]
- バックエンドはfirebaseとapp engineを使うつもりだから簡単なはずなんだけど
- 323 名前：デフォルトの名無しさん mailto:sage [2022/04/16(土) 10:36:16.56 ID:GJol2hPc.net]
- Material-UIもv5になってv4の頃より大分使いやすくなったし選択肢に入れてもいいんじゃない？
- 324 名前：デフォルトの名無しさん [2022/04/26(火) 03:06:09.90 ID:1qeD7Yad.net]
- >>321だけど、やっとまともに開発を進められるようになった
まだ手が早く動かなくて辛いわ
- 325 名前：デフォルトの名無しさん mailto:sage [2022/04/28(木) 12:12:12 ID:+1bBzylX.net]
- 新規でreduxとか茨の道じゃない？
- 326 名前：デフォルトの名無しさん mailto:sage [2022/04/29(金) 18:12:15.81 ID:HVcwi/JU.net]
- 比較的簡単なツールだから茨の道ということはない
- 327 名前：デフォルトの名無しさん mailto:sage [2022/04/30(土) 08:55:59.74 ID:xRiYwFSM.net]
- >>325
recoil使え
- 328 名前：デフォルトの名無しさん mailto:sage [2022/04/30(土) 20:24:57.68 ID:zPHJgr0b.net]
- recoilいいね
わかりやすいわ
- 329 名前：デフォルトの名無しさん [2022/05/05(木) 11:51:03.63 ID:JOrREzPe.net]
- reduxを使うにしても、UI側だけで使用する状態の保持はcontextでやった方がいい感じかな
あくまで個人的感想の落書き
- 330 名前：デフォルトの名無しさん mailto:sage [2022/05/22(日) 20:06:50.28 ID:QFhXSBvp.net]
- gifjsってライブラリをReactNativeでも使えるようにしようと色々いじくってます。canvasが必要なのでreact-native-canvas入れてみたけどgetImagedataが遅すぎる...
webviewで実行したら改善するかな？？もしくはなんか違うやり方あるかな？？
- 331 名前：デフォルトの名無しさん mailto:sage [2022/05/29(日) 18:03:59.58 ID:3mvQdNHh.net]
- 組込みやってて流れでreactで自社内で使うwebアプリのフロント側
作らされる羽目になったのですが素人がreactとjs学ぶのに
定番みたいな書籍やコンテンツありますか？
バックエンドはやりませんがpythonのfastapiです。
- 332 名前：デフォルトの名無しさん [2022/06/07(火) 16:32:08.16 ID:trxEqnyj.net]
- reactとかってソースにコメントって
あまり書かないほうがいい的な暗黙のルールってあります？
読まれちゃうから？
今のプロジェクトのソースにコメントがやけに少ない気がしてて、、。
- 333 名前：デフォルトの名無しさん mailto:sage [2022/06/09(木) 19:17:56.70 ID:pioqxBxg.net]
- ないです
トランスパイルしたら消えるのでしっかり書きましょう
- 334 名前：デフォルトの名無しさん [2022/07/01(金) 09:49:56.08 ID:mdBqK8pn.net]
- ありがとう
- 335 名前：デフォルトの名無しさん mailto:sage [2022/08/20(土) 11:13:41.79 ID:ncpICP0v.net]
- propsで受け取ったデータを
内部で更新するときに
useStateすると思うんですけど
そするとpropsの変更が無視されるんですけど
その時のベストプラクティスって何ですか？
- 336 名前：デフォルトの名無しさん mailto:sage [2022/08/25(木) 12:56:19.31 ID:H3bW7ybM.net]
- ここReactの本スレ？
過疎ってるの？
- 337 名前：デフォルトの名無しさん mailto:sage [2022/08/25(木) 17:55:45.09 ID:Tb5qjwQY.net]
- 過疎ってるのは明白やろ
- 338 名前：デフォルトの名無しさん mailto:sage [[ここ壊れてます] .net]
- ベストプラクティスかは知らんけど中間のコンポーネントで親からのpropsが変わったら子のkeyを変える方法を使ってるな
- 339 名前：デフォルトの名無しさん mailto:sage [2022/08/30(火) 00:50:56.99 ID:GSie6Ogu.net]
- reactはtypescriptが必須なのでしょうか？
- 340 名前：デフォルトの名無しさん mailto:sage [2022/08/30(火) 03:03:46.27 ID:R48CF1Id.net]
- >>339
いらん
- 341 名前：デフォルトの名無しさん mailto:sage [2022/08/30(火) 03:55:25.12 ID:AgQQgySl.net]
- Reactが流行っていないから、過疎っているんだよ
- 342 名前：デフォルトの名無しさん mailto:sage [2022/08/30(火) 18:08:40.22 ID:GSie6Ogu.net]
- reactの求人は多いですけど、実際にはどうなのでしょうか。
- 343 名前：デフォルトの名無しさん mailto:sage [2022/08/30(火) 19:28:11.75 ID:148lWuya.net]
- Reactできる人は全然足りてない
- 344 名前：デフォルトの名無しさん mailto:sage [[ここ壊れてます] .net]
- >>343
そうなのですか。
今、javascriptとjQueryの勉強をしてますが、この2つだけでも大変ですね。
- 345 名前：デフォルトの名無しさん mailto:sage [2022/08/30(火) 20:28:20.43 ID:oTUqrsBR.net]
- 数年Web屋やって引退するつもりならそれでもいい
- 346 名前：デフォルトの名無しさん mailto:sage [2022/08/30(火) 21:03:00.66 ID:BxScEIY5.net]
- Reactのメリットを教示するには結構ガッツリ使いまわせる様な大枠を一回つくってしまわないといけないんだよな
それができるまでのハードルは結構高いけど一回作ってしまえば色々再利用性が高くて開発効率が各段に上がる
- 347 名前：デフォルトの名無しさん mailto:sage [[ここ壊れてます] .net]
- JavaScript関連技術でwebアプリを作るならreactは便利でしょうか？
- 348 名前：デフォルトの名無しさん mailto:sage [2022/08/30(火) 23:14:38.13 ID:AsY/BIgk.net]
- 便利さでいうならAngularがいいよ
- 349 名前：デフォルトの名無しさん mailto:sage [2022/08/30(火) 23:44:08.14 ID:B8+owlOV.net]
- 満足度が底辺のangularがなんだって？
https://2021.stateofjs.com/ja-JP/libraries/front-end-frameworks
- 350 名前：デフォルトの名無しさん mailto:sage [2022/08/31(水) 01:59:04.53 ID:J9nI7vcp.net]
- >>347
できる人は、何でもできる
- 351 名前：デフォルトの名無しさん mailto:sage [2022/08/31(水) 11:44:05.05 ID:FlEWiE9h.net]
- Reactやった後にAngular触ると1個コンポーネント作る手間が煩わし過ぎる
- 352 名前：デフォルトの名無しさん mailto:sage [2022/08/31(水) 12:36:45.93 ID:3saFUPw3.net]
- ブラウザ実装の生WebComponentsも大概メンドクサイからオヌヌメ
- 353 名前：デフォルトの名無しさん mailto:sage [2022/09/01(木) 05:11:23.04 ID:jMwj7QaK.net]
- vue.jsよりreactの方が優れてますよね？
- 354 名前：デフォルトの名無しさん mailto:sage [2022/09/13(火) 16:36:34.31 ID:DqV+9O8X.net]
- test
- 355 名前：デフォルトの名無しさん [2022/09/26(月) 01:00:41.00 ID:ikr92+JD.net]
- 最近フロントエンドエンジニアに転職した元cobolerだけど2つ質問したい
・状態管理ライブラリって今はReduxが主流で公式はtoolkit推してるけど、toolkitってrecoilと変わらなくね？recoilに比べてどういうメリットがあるの？
・クラスベースの記述って殆どしないの？ベストプラクティスは関数ベース？
- 356 名前：デフォルトの名無しさん mailto:sage [2022/09/26(月) 20:02:50.86 ID:wZFpwFwK.net]
- toolkitはReduxで使い勝手が悪かった機能を改良したもの。(asyncに対応させるためにthunkとかsagaが必要だったりとかの)
recoilのほうが新しく記述もシンプルで見通しが良くなる。stateのset/get両方に対応。ただしまだexperimental
https://www.npmjs.com/package/recoil
Recoil is an experimental state management framework for React.
公式は関数コンポーネント+フックを推奨
https://ja.reactjs.org/docs/hooks-faq.html#should-i-use-hooks-classes-or-a-mix-of-both
フック、クラスのいずれを使うべきですか、あるいはその両方でしょうか？
準備ができしだい、新しいコンポーネントでフックを試すことをお勧めします。
- 357 名前：デフォルトの名無しさん [2022/09/26(月) 22:42:27.40 ID:ikr92+JD.net]
- >>356
ごめんクラスコンポーネントと関数コンポーネントの違いは分かってるんだ
例えば、1+1を計算する関数をクラスベースで定義すべきか関数ベースで定義すべきか
的なことを知りたかった！
- 358 名前：デフォルトの名無しさん mailto:sage [2022/09/26(月) 22:56:01.37 ID:lxhy0Qxo.net]
- JS/TSでクラスはほっとんど使わない
使うのは独自のErrorクラスくらいだな
メソッドというより関数をプロパティとして持つオブジェクトはよく使う
でも基本は単なる関数
- 359 名前：デフォルトの名無しさん mailto:sage [2022/09/26(月) 22:59:55.62 ID:rxxJbSNv.net]
- >>357
書いてくれてるだろ
ちゃんと読もうよ
- 360 名前：デフォルトの名無しさん mailto:sage [2022/09/26(月) 23:21:54.38 ID:rxxJbSNv.net]
- ああ、ごめんコンポーネントの話じゃなかったのか
- 361 名前：デフォルトの名無しさん mailto:sage [2022/09/26(月) 23:22:50.91 ID:tIU7Oyti.net]
- React実践の教科書、2021
この本には、クラスは出てこない。
すべて関数
- 362 名前：デフォルトの名無しさん [2022/09/27(火) 12:54:00.07 ID:CMfXpwKQ.net]
- なるほどなるほど
仕事でcobolとvbaしか使ったｂｱとなかったかｂ辜Iブジェクト試w向的な記述自荘ﾌ馴染みなかっｂｽわ
Reactに関しては、本やらネットやらで関数しか使わねみたいな記述は多く見てたんだけど
今配属されてるプロジェクトではクラスベースの書き方が多く見られたから
現場では何だかんだ使うんだ！って勝手に納得してたけどそうじゃないのね
元々phpやらjavaやらやってた人たちが分かりやすいからって使ってる感じぽいな
- 363 名前：デフォルトの名無しさん mailto:sage [2022/09/27(火) 13:46:50.26 ID:t32oMnpk.net]
- JSのクラスと
Reactのクラスコンポーネントと
Reactの関数コンポーネントの区別出来てる？
ちなみにReactのクラスコンポーネントはオワコンだけどね
- 364 名前：デフォルトの名無しさん [2022/09/27(火) 14:04:56.54 ID:CMfXpwKQ.net]
- >>363
・jsのクラス…いわゆるオブジェクト指向の考え方におけるクラス。継承やらなんやらできる。但し、プロトタイプベースであるjsではほとんど使われない
・クラスコンポーネント…super(constructor)みたいな書き方してstate管理するやつ。thisとか使いまくって見通しクソ悪い上にhooks使えないゴミ。progateや公式チュートリアルはこの書き方してるので初心者は騙される。
・関数コンポーネント…スタンダードなreactコンポーネント。読みやすい。神。
こんなイメージだけど合ってる！？
- 365 名前：デフォルトの名無しさん mailto:sage [2022/09/27(火) 15:39:04.72 ID:D1kdTDEr.net]
- >>364
Reactのクラスコンポーネントは無くなるんであれこれ考える必要ない
関数コンポーネントの一択だ
JSの方は好みだな
- 366 名前：デフォルトの名無しさん mailto:sage [2022/09/27(火) 15:58:48.85 ID:aOp1T7nJ.net]
- >>362
> Reactに関しては、本やらネットやらで関数しか使わねみたいな記述は多く見てたんだけど
> 今配属されてるプロジェクトではクラスベースの書き方が多く見られたから
> 現場では何だかんだ使うんだ！って勝手に納得してたけどそうじゃないのね
Reactだから関数しか使わないということはないという認識
本やネットで見かけるサンプルコードはそのへんは主眼じゃないから参考にならんでしょ
クラスベースを頭ごなしに否定するものではないと思うよ
- 367 名前：デフォルトの名無しさん mailto:sage [2022/09/27(火) 16:41:51.18 ID:MQqAKvI3.net]
- Reactコンポーネントに関してはクラスベースを頭ごなしに否定して構わない
- 368 名前：デフォルトの名無しさん [2022/09/27(火) 16:48:43.98 ID:CMfXpwKQ.net]
- >>366
頭ごなしに否定する気はないんだけど
（jsの）クラスベースの記述するメリットってどういうとこがあるの？
配属されたプロジェクトのコードを初心者目線で見てクラスベースと関数ベースが混在して読みにくいな、って印象なのよ
- 369 名前：デフォルトの名無しさん mailto:sage [2022/09/27(火) 17:25:00.79 ID:fOqsMNTu.net]
- Reactに関しては関数コンポーネントしか使わないけど、それ以外の部分では臨機応変に使うのみよ。まぁそれでもclassの出番はかなり限定されるけど……
- 370 名前：デフォルトの名無しさん mailto:sage [2022/09/27(火) 17:28:55.43 ID:YFL0VkhR.net]
- プロジェクトメンバーにどうして混在してるのか聞いてみた？
- 371 名前：デフォルトの名無しさん mailto:sage [2022/09/27(火) 17:29:21.69 ID:fOqsMNTu.net]
- jsにおけるclassの出番って、大量に作成し、なおかつ副作用があるオブジェクトがある場合くらい……。
- 372 名前：デフォルトの名無しさん mailto:sage [2022/09/27(火) 18:13:32.56 ID:dJevJ7EZ.net]
- クラスコンポーネントは公式に非推奨扱いじゃね
- 373 名前：デフォルトの名無しさん mailto:sage [2022/09/27(火) 18:15:33.41 ID:397xSubl.net]
- 話の流れで関数コンポーネントかクラスコンポーネントかの話は終わってるのは分かるっしょ
- 374 名前：デフォルトの名無しさん mailto:sage [2022/09/27(火) 18:20:28.32 ID:dJevJ7EZ.net]
- Reactなので将来容赦なくクラスコンポーネントが無くなるかサポート切ると思う
- 375 名前：デフォルトの名無しさん [2022/09/27(火) 20:04:34.40 ID:CMfXpwKQ.net]
- >>370
うん
「本当はよくないんですけどね～～」
的なことを言ってたよ
他にも
・propsのバケツリレー
・コールバック関数使って 子→親へのprops逆流（これが一番酷い）
・アロー関数とnamed functionの混在
・typeとinterfaceの混在
・mui使ってるのに無駄にemotionでカスタムコンポーネント作成
等々………
どの現場もこんな感じなのかなぁとは思ったりするけど
やっぱ立ち上げ段階でコーディングルールやら設計やらある程度固めとかないとスパゲッティ化するんだね
- 376 名前：デフォルトの名無しさん mailto:sage [2022/09/27(火) 20:20:13.86 ID:6DdS+dLy.net]
- プロジェクトメンバーが現状を問題と捉えてるならどういう方針でコードを
書いていけばいいかお伺いを立ててそれに従うべきでしょ
もちろん自分の意見があるならそれも伝えて
- 377 名前：デフォルトの名無しさん mailto:sage [2022/09/27(火) 20:22:10.28 ID:fOqsMNTu.net]
- >>375
Java屋PHP屋Cobol屋の混成チームでコーディングルールも設計もフワフワとか地獄やん……。
PMがフロントエンド舐めてたのかな。
- 378 名前：デフォルトの名無しさん [2022/09/27(火) 20:39:34.88 ID:CMfXpwKQ.net]
- >>376
リモートだけどSESだから元請けに当たる人に対して
ガチでWEB開発業務1ヶ月目の俺からは意見しにくいんよ、、(笑)
スタイリングぐちゃぐちゃだったのはさすがに言ったけど
でも言うとこは言ったがいいね。ありがとう。
>>377
アジャイルってこんなもんなんじゃないの？知らんけど(笑)
でもしっかりしたreact案件でちゃんと現場のこと学びたいとは思うわ
- 379 名前：デフォルトの名無しさん mailto:sage [2022/09/27(火) 22:23:16.69 ID:/UUTRmF2.net]
- >>364
jsでクラス使わないことは多いが、だからといって今時 __proto__ なんて直接使わないから
プロトタイプベース云々は関係ない。
- 380 名前：359 mailto:sage [2022/09/27(火) 23:17:49.69 ID:oW3s344K.net]
- >>375
React実践の教科書、2021
基礎はこの本で良い。3日で読める
propsのバケツリレーは、
グローバルState である、useContext を使うと書いてある
これ以上に複雑なものは、Redux, Recoil, Apollo Client など
useMemo など、use何々にはどういう機能があるか、すべて見た方がよい
- 381 名前：359 mailto:sage [2022/09/27(火) 23:29:13.30 ID:oW3s344K.net]
- Reactビギナーズガイド ――コンポーネントベースのフロントエンド開発入門
Stoyan Stefanov, 2017
この本には、createClass と書いてあるけど、
2017年6月には非推奨になっている
var MyComponent = React.createClass({
render: function() {
return React.DOM.span(null, "カスタムコンポーネント");
}
});
- 382 名前：デフォルトの名無しさん mailto:sage [2022/09/27(火) 23:53:21.49 ID:BMrl8a7V.net]
- なんでそんなにクラスコンポーネントの話にこだわるの？
- 383 名前：デフォルトの名無しさん [2022/09/28(水) 20:45:18.22 ID:KHG5QcXL.net]
- presentationalとcontainerに分けて書くといいよ、って本かなんかで読んだことある。今のプロジェクトでも実践されてる。
で、その辺の構成の都合上、仕方なくコールバック関数使ってpropsの値を子→親に伝播させてるけど普通なの？
一般的には状態管理ライブラリ使うべきだと思ってるけど認識違う？
- 384 名前：デフォルトの名無しさん mailto:sage [2022/09/28(水) 21:57:59.16 ID:Km2fmn1T.net]
- プレゼンテーショナルとコンテナに分けるのはRedux全盛時代の流行でhooks以降は廃れた
それとは別に親から子にコールバック渡すのは極めて普通
useReducerなんかそういう使い方がほとんどだろ
その親がほとんどルート(いわゆるAppコンポーネント)に近いくらい上位にいるならそれはグローバルステート
- 385 名前：デフォルトの名無しさん mailto:sage [2022/09/28(水) 22:11:03.79 ID:0Dahyjoe.net]
- グローブステートにRxで変更通知でどうですか？
|
 |
