React と React Native のスレ (481ﾚｽ)
上下前次1-新
44: 2019/08/26(月)03:11 ID:xTwJabF+(1) AAS
create-react-app xxx とすると、
xxxというreactアプリ(フォルダ)が作られますが、
このxxxの部分を変更したい場合、そのままフォルダを編集してしまっても問題ありませんか？
他にもpackage.jsonのnameもxxxになっておりますがこちらも変更したりして
45: 2019/09/26(木)18:30 ID:OrvmZwJd(1) AAS
React Native 0.61
外部ﾘﾝｸ[61]:facebook.github.io
・ライブリロードとホットリロードは新実装のファストリフレッシュに統合された
・0.60で支障があったCocoaPodsでのuse_frameworksの問題が解消
46: 2019/09/28(土)09:05 ID:yWQY0maC(1) AAS
ReactNativeでaxios動かないんだが。。。
47: 2019/10/28(月)18:32 ID:kOeifBSs(1) AAS
macOS上でのReact Native(Project Catalystを使用)
Twitterﾘﾝｸ:brunolemos
外部ﾘﾝｸ:github.com
Twitterﾘﾝｸ:5chan_nel (5ch newer account)
48: 2019/11/10(日)09:20 ID:ZVDov6M9(1/2) AAS
vscode+react+material-ui使ってるんだけど下のコードでボタンが赤にならないのなんでだろう・・・
なんかPrimaryが紫になってるんだが・・・
import { createMuiTheme } from '@material-ui/core/styles';
import red from '@material-ui/core/colors/purple';
const mytheme = createMuiTheme({
palette: {
primary: red,
},
});
const useStyles = makeStyles({
button: {
backgroundColor: mytheme.palette.primary.main,
},
});
export default function CenteredGrid() {
const classes = useStyles();
return (
<div className={classes.root}>
<Grid container spacing={0} justify={'center'}>
<Grid item xs={12}>
<Button className={classes.button} variant='outlined'>
botton
</Button>
</Grid>
</Grid>
</div>
);
}
49: 2019/11/10(日)09:43 ID:ZVDov6M9(2/2) AAS
ごめん自決して
カラーのimportミスってた
×import red from '@material-ui/core/colors/purple';
◯ import red from '@material-ui/core/colors/red';
スレ汚しすまん
50: 2019/11/28(木)18:27 ID:GNo6CJtR(1) AAS
react-native doctor コマンド
外部ﾘﾝｸ:facebook.github.io
プロジェクト設定や開発環境の診断と修正
51: 2020/01/20(月)13:50 ID:NblZ7u1g(1) AAS
初歩的な質問で申し訳ないのですが
リセット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にコピペしてインポートしています。
外部ﾘﾝｸ:html5doctor.com
試しにfirst.scssの中身の最上部にHTML5 Doctor Reset CSSの中身を張り付けてみたのですが同じでした。
52: 2020/01/20(月)14:09 ID:1C7qXqig(1) AAS
importされるのはcssじゃなくてjs(実質reset.css.js)だからね
問題はwebpackの設定じゃないの？
webpack entryでググってみたら？
53: 2020/01/29(水)20:07 ID:kAGOnFqI(1) AAS
最近androidシミュでfetchが上手くいかなくなったけど何でだろ？
54(1): 2020/05/23(土)18:46 ID:wT2dUHsh(1) AAS
useStateとReduxって共存していいの？
55: 2020/05/24(日)13:54 ID:rk0sziuW(1) AAS
>>54
システム全体で必要なのはRedux
Postする為にそのFormだけで必要なものはuseState
って使い方してる
共存って点で言うならHooksか旧型式かを共存させなきゃ別にいいと思う
56(1): 2020/06/09(火)16:01 ID:mEfhV+3L(1) AAS
React.ComponentとSuspenseを使ってリストを読み込んで表示するプログラムを書いているのだけど
renderでメンバ関数を呼んで読込するとthisがつく変数(stateとか)が全てリセットされるよどうして？
リセットされる変数をstaticにすると動くようです
57: 2020/07/25(土)07:59 ID:e6nmtc2O(1) AAS
人工知能フレームワークのGpt-3がReact上で動くんだよなあ
58: 2020/07/25(土)14:10 ID:ZlqyHRW3(1) AAS
>>56
まだそんな事やってるのか？
早くHooksに移行した方がシンプルで使いやすいよ
59(2): 2020/08/05(水)20:39 ID:HaLefuVq(1) AAS
reactでフォームの連動させたいんだけど
良いチュートリアルやサンプルをおしえてください
調べ方でも大丈夫です
60: 2020/10/06(火)09:47 ID:FaC1oBor(1) AAS
>>59
連動？
って具体的に何やりたいの？
61: 2020/10/06(火)15:47 ID:3JbOTVG0(1) AAS
>>59
公式を嫁！
それか、オレの知り合いの本を嫁！
以上。
62: 2020/10/07(水)08:13 ID:9X+ETi/j(1) AAS
他のフォーム要素を同時にどうかしたいって仮定するとonClickイベントやonChangeイベントのコールバックにメソッド噛ませればいいんじゃない？
63: 2020/10/11(日)20:19 ID:/PPF0LFF(1) AAS
Html,Javascriptのソースコードをreact nativeに書き直してるけどDom要素のID管理していたのを書き直すのが辛すぎる
何かよいライブラリないかなぁ
64: 2021/01/04(月)01:07 ID:EMrQXkgT(1) AAS
iOSやAndroidアプリを作りたくてprogateのhtmlとJavaScriptと reactまでやったんですが、次に何をすれば良いか分かりません。僕は次に何を学べばいいですか？
65: (u＿・y) 2021/01/04(月)11:37 ID:oZidFLop(1) AA×
66: 2021/01/12(火)01:34 ID:dF2LSabj(1) AAS
公式のドキュメントに全部書いてあるから全部読め
67: 2021/01/21(木)19:04 ID:RZX+x1N+(1) AAS
Java から来て、最近 React はじめたんだけど、MVC 思想的なのは最近フロントエンドではなくなっていってる感じなん？
せめて View 部分は分けないと気持ち悪いんだけど、チュートリアルみても割とごちゃまぜなのよね…
68(1): 2021/02/14(日)03:47 ID:wyKYn9A/(1/6) AAS
React の hookを初めてみてるんだけど、
これClassベースの機能で提供できないのかな？
functionなのに永続化を無理やりやってるようでコード読みづらい。
その永続化をuse接頭語のみで判断しなければならないという...
functionじゃなきゃhookの機能が提供できない？？というモヤモヤ感が払拭できないです。
69(1): 2021/02/14(日)04:24 ID:qcnkr3Yb(1) AAS
元々はクラスベースで提供されてた機能を関数コンポーネントでも使えるようにしたのがhookやで
70(2): 2021/02/14(日)04:26 ID:o9olz+i9(1/3) AAS
>>68
目に見える副作用をフレームワーク側に追い出して
ユーザーからは副作用がないようにしてる設計は素晴らしいと思うけどね
71(1): 2021/02/14(日)04:47 ID:wyKYn9A/(2/6) AAS
>>70 副作用がないようにしてる設計
それがclassベースでは出来ない？？って疑問。
>>69
ならhookがclassより上という事ではなくなる。
でも公式コメントでもclassよりhookのモデルが優秀みたいな書き方。
ただclassは無くさずこのまま残しますみたいな。
なんかfunctionを無理やり生存期間拡張してるところが
感覚的に違和感モヤモヤ。
hookの機能をclassで実装するとやりづらい箇所って、
同名メソッドを複数定義できる箇所ぐらい？
72(1): 2021/02/14(日)04:59 ID:o9olz+i9(2/3) AAS
>>71
もちろんできるしそれを手動でやってきたのがクラス
でもsetState呼ばなかったり状態にオブジェクトが必須だったりで色んなミスが起きやすかった
それをフレームワーク側で全部やって
ユーザーが書きやすくするのがHooks
人間がやるよりフレームワークがやる方が信頼性が高いし賢いからそこは任せた方が良いよねってことで生まれたと勝手に思っている
73(1): 2021/02/14(日)05:41 ID:wyKYn9A/(3/6) AAS
>>72
だから、それ（hook）をclassべースで提供できないの？って言ってんの。
上下前次1-新書関写板覧索設栞歴
あと 408 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ
ぬこの手 ぬこTOP 0.017s