React と React Native のスレ (481レス)
React と React Native のスレ http://mevius.5ch.net/test/read.cgi/tech/1552134567/
上
下
前
次
1-
新
通常表示
512バイト分割
レス栞
51: デフォルトの名無しさん [] 2020/01/20(月) 13:50:40.11 ID:NblZ7u1g 初歩的な質問で申し訳ないのですが リセットCSSを適用させようとすると、スタイルがリセットCSSのみしか適応されません。 具体的には・・・ App.js import React from "react"; import { render } from "react-dom"; import "./reset.css"; import "./first.scss"; import { BrowserRouter, Switch, Route } from "react-router-dom"; こんな感じのをApp.jsに読み込ませているのですが、 reset.cssをインポートするとreset.cssのHTMLがリセットされたスタイルしか反映されず、first.scssは反映されません。 reset.cssを外しfirst.scssのみにすればちゃんとfirst.scssの内容がHTMLに反映されます。 HTMLのCSSをリセットしてから、オリジナル(first.scss)に変更といった事がしたいのですが、 どうすれば良いでしょうか? reset.cssはこちらのHTML5 Doctor Reset CSSというのをreset.cssにコピペしてインポートしています。 http://html5doctor.com/html-5-reset-stylesheet/ 試しにfirst.scssの中身の最上部にHTML5 Doctor Reset CSSの中身を張り付けてみたのですが同じでした。 http://mevius.5ch.net/test/read.cgi/tech/1552134567/51
52: デフォルトの名無しさん [sage] 2020/01/20(月) 14:09:55.08 ID:1C7qXqig importされるのはcssじゃなくてjs(実質reset.css.js)だからね 問題はwebpackの設定じゃないの? webpack entryでググってみたら? http://mevius.5ch.net/test/read.cgi/tech/1552134567/52
53: デフォルトの名無しさん [sage] 2020/01/29(水) 20:07:56.78 ID:kAGOnFqI 最近androidシミュでfetchが上手くいかなくなったけど何でだろ? http://mevius.5ch.net/test/read.cgi/tech/1552134567/53
54: デフォルトの名無しさん [sage] 2020/05/23(土) 18:46:27.62 ID:wT2dUHsh useStateとReduxって共存していいの? http://mevius.5ch.net/test/read.cgi/tech/1552134567/54
55: デフォルトの名無しさん [sage] 2020/05/24(日) 13:54:49.55 ID:rk0sziuW >>54 システム全体で必要なのはRedux Postする為にそのFormだけで必要なものはuseState って使い方してる 共存って点で言うならHooksか旧型式かを共存させなきゃ別にいいと思う http://mevius.5ch.net/test/read.cgi/tech/1552134567/55
56: デフォルトの名無しさん [sage] 2020/06/09(火) 16:01:35.59 ID:mEfhV+3L React.ComponentとSuspenseを使ってリストを読み込んで表示するプログラムを書いているのだけど renderでメンバ関数を呼んで読込するとthisがつく変数(stateとか)が全てリセットされるよどうして? リセットされる変数をstaticにすると動くようです http://mevius.5ch.net/test/read.cgi/tech/1552134567/56
57: デフォルトの名無しさん [sage] 2020/07/25(土) 07:59:44.00 ID:e6nmtc2O 人工知能フレームワークのGpt-3がReact上で動くんだよなあ http://mevius.5ch.net/test/read.cgi/tech/1552134567/57
58: デフォルトの名無しさん [sage] 2020/07/25(土) 14:10:16.00 ID:ZlqyHRW3 >>56 まだそんな事やってるのか? 早くHooksに移行した方がシンプルで使いやすいよ http://mevius.5ch.net/test/read.cgi/tech/1552134567/58
59: デフォルトの名無しさん [] 2020/08/05(水) 20:39:39.66 ID:HaLefuVq reactでフォームの連動させたいんだけど 良いチュートリアルやサンプルをおしえてください 調べ方でも大丈夫です http://mevius.5ch.net/test/read.cgi/tech/1552134567/59
60: デフォルトの名無しさん [sage] 2020/10/06(火) 09:47:28.33 ID:FaC1oBor >>59 連動? って具体的に何やりたいの? http://mevius.5ch.net/test/read.cgi/tech/1552134567/60
61: デフォルトの名無しさん [sage] 2020/10/06(火) 15:47:26.50 ID:3JbOTVG0 >>59 公式を嫁! それか、オレの知り合いの本を嫁! 以上。 http://mevius.5ch.net/test/read.cgi/tech/1552134567/61
62: デフォルトの名無しさん [sage] 2020/10/07(水) 08:13:26.21 ID:9X+ETi/j 他のフォーム要素を同時にどうかしたいって仮定するとonClickイベントやonChangeイベントのコールバックにメソッド噛ませればいいんじゃない? http://mevius.5ch.net/test/read.cgi/tech/1552134567/62
63: デフォルトの名無しさん [sage] 2020/10/11(日) 20:19:56.38 ID:/PPF0LFF Html,Javascriptのソースコードをreact nativeに書き直してるけどDom要素のID管理していたのを書き直すのが辛すぎる 何かよいライブラリないかなぁ http://mevius.5ch.net/test/read.cgi/tech/1552134567/63
64: デフォルトの名無しさん [] 2021/01/04(月) 01:07:02.79 ID:EMrQXkgT iOSやAndroidアプリを作りたくてprogateのhtmlとJavaScriptと reactまでやったんですが、次に何をすれば良いか分かりません。僕は次に何を学べばいいですか? http://mevius.5ch.net/test/read.cgi/tech/1552134567/64
65: (u_・y) [sage] 2021/01/04(月) 11:37:19.32 ID:oZidFLop (u_・y)順序からしておかしくね (u_・y)Androidアプリ作るならまずAndroid上でハローワールドだろ (u_・y)Googleになんかアカウント作って登録あれこれやるんじゃねーの (u_・y)Win以外のアプリを作るので難関になるのはそういった手順と環境構築絡みなので、 (u_・y)周りに先生がいない状況で独学初心者がいきなりAndroidアプリってのはハローワールドまでに時間かかるぞ http://mevius.5ch.net/test/read.cgi/tech/1552134567/65
66: デフォルトの名無しさん [sage] 2021/01/12(火) 01:34:10.49 ID:dF2LSabj 公式のドキュメントに全部書いてあるから全部読め http://mevius.5ch.net/test/read.cgi/tech/1552134567/66
67: デフォルトの名無しさん [sage] 2021/01/21(木) 19:04:19.07 ID:RZX+x1N+ Java から来て、最近 React はじめたんだけど、MVC 思想的なのは最近フロントエンドではなくなっていってる感じなん? せめて View 部分は分けないと気持ち悪いんだけど、チュートリアルみても割とごちゃまぜなのよね… http://mevius.5ch.net/test/read.cgi/tech/1552134567/67
68: デフォルトの名無しさん [] 2021/02/14(日) 03:47:14.57 ID:wyKYn9A/ React の hookを初めてみてるんだけど、 これClassベースの機能で提供できないのかな? functionなのに永続化を無理やりやってるようでコード読みづらい。 その永続化をuse接頭語のみで判断しなければならないという... functionじゃなきゃhookの機能が提供できない??というモヤモヤ感が払拭できないです。 http://mevius.5ch.net/test/read.cgi/tech/1552134567/68
69: デフォルトの名無しさん [sage] 2021/02/14(日) 04:24:42.10 ID:qcnkr3Yb 元々はクラスベースで提供されてた機能を関数コンポーネントでも使えるようにしたのがhookやで http://mevius.5ch.net/test/read.cgi/tech/1552134567/69
70: デフォルトの名無しさん [sage] 2021/02/14(日) 04:26:06.17 ID:o9olz+i9 >>68 目に見える副作用をフレームワーク側に追い出して ユーザーからは副作用がないようにしてる設計は素晴らしいと思うけどね http://mevius.5ch.net/test/read.cgi/tech/1552134567/70
71: デフォルトの名無しさん [] 2021/02/14(日) 04:47:15.25 ID:wyKYn9A/ >>70 副作用がないようにしてる設計 それがclassベースでは出来ない??って疑問。 >>69 ならhookがclassより上という事ではなくなる。 でも公式コメントでもclassよりhookのモデルが優秀みたいな書き方。 ただclassは無くさずこのまま残しますみたいな。 なんかfunctionを無理やり生存期間拡張してるところが 感覚的に違和感モヤモヤ。 hookの機能をclassで実装するとやりづらい箇所って、 同名メソッドを複数定義できる箇所ぐらい? http://mevius.5ch.net/test/read.cgi/tech/1552134567/71
72: デフォルトの名無しさん [sage] 2021/02/14(日) 04:59:08.67 ID:o9olz+i9 >>71 もちろんできるしそれを手動でやってきたのがクラス でもsetState呼ばなかったり状態にオブジェクトが必須だったりで色んなミスが起きやすかった それをフレームワーク側で全部やって ユーザーが書きやすくするのがHooks 人間がやるよりフレームワークがやる方が信頼性が高いし賢いからそこは任せた方が良いよねってことで生まれたと勝手に思っている http://mevius.5ch.net/test/read.cgi/tech/1552134567/72
73: デフォルトの名無しさん [] 2021/02/14(日) 05:41:48.27 ID:wyKYn9A/ >>72 だから、それ(hook)をclassべースで提供できないの?って言ってんの。 http://mevius.5ch.net/test/read.cgi/tech/1552134567/73
74: デフォルトの名無しさん [sage] 2021/02/14(日) 05:48:13.99 ID:eZAyHvHf クラスはhookなしで同じことができるから提供する必要がない http://mevius.5ch.net/test/read.cgi/tech/1552134567/74
75: デフォルトの名無しさん [sage] 2021/02/14(日) 07:45:04.97 ID:o9olz+i9 >>73 いやだからsetStateという汎用的な物しか提供できないっことね stateを自分で好き勝手いじれるのに それをライブラリが管理するって無理でしょ hooksは内部で対応するコンポーネントとその状態を管理してるから ライブラリとして提供できる http://mevius.5ch.net/test/read.cgi/tech/1552134567/75
76: デフォルトの名無しさん [] 2021/02/14(日) 13:32:40.22 ID:wyKYn9A/ >>75 分かんない人だな。 なんで今のclassベースの実装をこの話に持ち込むの。 hookの機能を”function”でなく、jsの”class”で実現できないの?っていう疑問なの。 http://mevius.5ch.net/test/read.cgi/tech/1552134567/76
77: デフォルトの名無しさん [sage] 2021/02/14(日) 14:00:51.86 ID:+4ZWExbH お前もわからずやだな useStateだろうがuseEffectだろうがuseCallbackだろうがuseRefだろうがclassコンポーネントはhookなしで同じことが実現できてるだろ http://mevius.5ch.net/test/read.cgi/tech/1552134567/77
78: デフォルトの名無しさん [sage] 2021/02/14(日) 14:19:02.14 ID:wyKYn9A/ hookを知らないやつだったか。アホらし。 http://mevius.5ch.net/test/read.cgi/tech/1552134567/78
79: デフォルトの名無しさん [sage] 2021/02/14(日) 14:34:40.65 ID:kA8DCabn 時系列的には クラスコンポーネント: 状態を扱える ↓ "ステートレス"関数コンポーネント: 状態を扱えない ↓ 関数コンポーネント+hooks: 状態を扱える と発展してきた つまりhooksはクラスコンポーネントができていたことを関数コンポーネントでもできるようにするために後から追加されたもの ただし クラスコンポーネント: 状態をコンポーネントが管理する 関数コンポーネント+hooks: 状態をフレームワークが管理する という違いがある これが今後のconcurrent modeやserver componentsで大きな違いになってくる フレームワークができることを増やすにはコンポーネント側の自由度は低い方がよくてそれがpureな関数コンポーネント http://mevius.5ch.net/test/read.cgi/tech/1552134567/79
80: デフォルトの名無しさん [sage] 2021/02/14(日) 14:46:29.94 ID:wyKYn9A/ >>79 この解説から見ると、自分の疑問は "状態をフレームワークが管理する" にはclass実装では不利なのか?向かないのか? って事になる。ね。 http://mevius.5ch.net/test/read.cgi/tech/1552134567/80
メモ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 401 レスあります
スレ情報
赤レス抽出
画像レス抽出
歴の未読スレ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.016s