[reactjs] タグが付いた質問
Reactはユーザーインタフェースを組み立てるためのJavaScriptライブラリです。宣言的なパラダイムによって、あなたのアプリケーションがどう動作しているかをわかりやすくすると共に、効率が良くかつ変更を容易にすることを目標としています。
244 件の質問
9
票
1
回答
4,789
閲覧数
仮想DOMを使うと早くなる理由がいまいちわかりません
実DOMを操作するよりも仮想DOMを使ったほうが速いという話をききますが、
実際に早くなる理由がいまいちよくわかりません。
変更前と変更後を比較して差分を変更するから、という説明を聞くと納得しそうになりますが、
DOM全体でなく、DOMの一部を再レンダリングするブラウザの機能ををうまいこと使うという意味なのでしょうか。
そういった場合にどういったjavascriptの関数が実行されるのかなど、...
- 91
6
票
1
回答
182
閲覧数
static x = ( { y } ) => { ... }の仕組みについて
https://www.youtube.com/watch?v=JbaZs1dzsVo
上記react native参考動画の
static navigationOptions = ({navigation}) => {...}
の部分なのですが、navigationを引数に受け取れる仕組みが理解出来ません。
そもそも変数を{}で囲むとどういった動きをするのでしょうか。
これはreact ...
- 358
6
票
1
回答
1,999
閲覧数
text/babel とはなんですか？
Reactのドキュメントを読み始めました。
Getting Started – React に
自前のテキストエディタを使いたい場合は、この HTML ファイルをダウンロード・編集して、ブラウザを使ってからローカルファイルシステムから開くことができます。ランタイムでの遅いコード変換が行われる為、簡単なデモに留めておくことをおすすめします。
とあるので、「このHTMLファイル」...
- 6,543
6
票
1
回答
287
閲覧数
仮想DOMについての疑問
jQueryとかでDOMを操作すると、reactjs側で保持している仮想DOMと差が生じると思います。そうすると、レンダリング時に差分が反映され、jQueryとかで行った操作が消えてしまうような気がしてなりません。
大丈夫なんでしょうか？
- 61
5
票
1
回答
3,416
閲覧数
なぜReactを実行するときlocalhostのサーバーが必要ですか？
create-react-appのGetting Startをよんでいたところ、npm startでlocalhostサーバーが立ち上がるようでした
https://facebook.github.io/create-react-app/docs/getting-started
https://facebook.github.io/create-react-app/docs/deployment
...
- 51
4
票
1
回答
167
閲覧数
React で prop 受け渡しの shorthand はありますか？
例えば Component の extra という props を固定したコンポーネントを作るときに
const HogeComponent = props => <Component {...props} extra='hoge' />
と書けますが、以下のように省略して書く方法はありますか？
const HogeComponent = Component.bind({ ...
- 53
3
票
1
回答
1,806
閲覧数
React.DOM が undefined でエラーになる
基礎的なことを学びたいので、まずはJSX無しで動かしたいと思い、React.DOM.div を使用すると以下のエラーが出ます。
build.js:20123 Uncaught TypeError: Cannot read property 'div' of undefined
コード
const React = require('react');
// 略
const HelloWorld =...
- 509
3
票
1
回答
950
閲覧数
Java8のNashornでrequireしたい
現在React.jsを使用してアプリケーションを作成しています。
ブラウザ側ではwebpackを使用してコンポーネントをrequireして使用しています。
React.jsのサーバサイドレンダリングを使用してレスポンスを返したいと考えているのですが、Nashornにはrequireが存在しないようなので、https://github.com/nodyn/jvm-npm ...
- 187
2
票
1
回答
818
閲覧数
reactのチュートリアルはなぜポート番号を指定？
ポート番号指定について
reactチュートリアルのサーバサイドが分からないので教えてください。
・最終的に下記へアクセスして確認するみたいですが、なぜポート番号を指定しているのでしょうか？
And visit http://localhost:3000/.
・server.phpを見るとポート処理が書いてあるのですが、これは何のため？
・ないとセキュリティ的にマズい？
・...
- 6,862
2
票
1
回答
1,416
閲覧数
react内のimg srcにてテキストと変数を連結したい。
以下の様なApp.jsがあり、dbから抽出した情報の一覧を表示させ���記述があります。画像を表示させる為にimg src内を以下の様にテキストと変数を連結した状態にしなければなりません。以下の設定では画像が表示されず、四角いボックスが表示されるだけです。''、""、あるいは{}で全体を覆ったりとあらゆることを試したり、ネット内の同様のケースを探し試しましたが、表示されません。...
- 167
2
票
3
回答
156
閲覧数
関数の引数内で実行される関数？？
下記のコードの意味がよく分からないです。この strs は一体どこから来たのでしょうか？
setStreams(strs => {
strs[streamId].removed = true
return { ...strs }
})
これステートのStreamsを呼び出して渡しているんですね。
参照
https://github.com/yassun-youtube/nextjs-...
- 1,143
2
票
1
回答
4,252
閲覧数
React Hooksでは非同期処理はuseEffect内で行うことと言われていますが、必ずそうしなければならないのでしょうか？
useEffectを使用する理由としては下記があると思います。
①レンダリング後に処理を行うことができる
②useEffectの第2引数で実行タイミングを制御できる
③アンマウント時のキャンセル処理を設定できる
しかし、逆に言えば上記のいずれも必要ない場合はuseEffectを使用せずに非同期処理を実行してよいということでしょうか？
例えば、...
- 77
2
票
1
回答
939
閲覧数
next.jsのAPI Routeの意義は？
現在、next.js��SSRを利用した開発していますが、下記の疑問に回答いただけないでしょうか。
SSRを実装する中でgetServerSidePropsを記述しておくとサーバー側で処理が行われ、非同期にデータを取得して、取得データをpropsに突っ込めるということはわかりました。
getServerSidePropsのドキュメントを読むと注意書きに、...
- 67
2
票
1
回答
9,675
閲覧数
Reactでinput type="text"のvalueをボタンを押すことでリセットしたい。
Reactでテキストフォームをリセットする方法をご教示いただけないでしょうか。
下記は動作デモです。
demo
テキストフォームに「ok」を入力し「check」ボタンを押すことで"ok"というアラートが表示されます。
テキストフォームに「ok」以外を入力し「check」ボタンを押した場合は、"no"というアラートが表示されます。
デモにおいて、「clear」ボタンを押すことで、...
- 169
2
票
2
回答
3,049
閲覧数
ReactもしくはNode.jsで、既存のPDFをフォーマットに使用し、PDF出力を行いたい
実現したいこと
現在 フロントエンドをReactでサーバレス環境（Firestore + Cloud Functions）にてWEBの開発を行なっています。
開発の仕様で、既存のPDFをフォーマットに使用して（値をあてはめて）PDFを出力したいのですが、ライブラリ等を調査したところクライアントサイド（React）だけでは既存のPDFをフォーマットに使用しての出力する糸口が見つかっておりません。
...
- 53