React の基礎
JSX、コンポーネント、props、state、イベント、条件付きレンダリング、リストと keys
20 面接問題·
Junior
1React における JSX とは何ですか?
1
React における JSX とは何ですか?
回答
JSX は JavaScript の構文拡張で、JavaScript 内で HTML に似たコードを直接記述できます。Babel などのツールによって React.createElement() の関数呼び出しにトランスパイルされます。JSX はコードを読みやすくし、ロジックとレンダリングを同じファイルにまとめることで UI の作成を容易にします。
2JSX に JavaScript の式を含めるにはどうすればよいですか?
2
JSX に JavaScript の式を含めるにはどうすればよいですか?
回答
JavaScript の式は単一の波括弧で囲むことで JSX に含めます。例えば、変数 name を表示するには {name} と書きます。この構文により、動的な値の注入、関数の呼び出し、式の評価をコンポーネントのレンダリング内で直接行えます。
3Reactにおける関数コンポーネントとクラスコンポーネントの主な違いは何ですか?
3
Reactにおける関数コンポーネントとクラスコンポーネントの主な違いは何ですか?
回答
関数コンポーネントはJSXを返す単純なJavaScript関数であるのに対し、クラスコンポーネントはReact.Componentを継承し、render()メソッドを使用します。React 16.8でHooksが導入されて以来、関数コンポーネントでもstateや副作用を扱えるようになり、モダンなプロジェクトではクラスコンポーネントの必要性が低くなっています。
4
Reactにおけるpropとは何ですか?
5
Reactにおけるstateとは何で、propsとはどう違いますか?
+17 面接問題
その他のReact Native面接トピック
JavaScript の基礎
Junior
25問React Native の基礎
Junior
22問React Hooks
Junior
20問React と React Native のための TypeScript
Junior
22問React Native のコンポーネントと API
Junior
20問React Native のスタイリングとレイアウト
Junior
18問React Native ナビゲーション
Mid-Level
22問React Native の状態管理
Mid-Level
24問React Native のネットワーキングと API
Mid-Level
20問データの永続化
Mid-Level
20問フォームとバリデーション
Mid-Level
18問React Native アニメーション
Mid-Level
22問Native Modules & Bridge
Mid-Level
20問プラットフォーム固有のコード
Mid-Level
18問権限とデバイスAPI
Mid-Level
20問Push Notifications
Mid-Level
18問React Native のテスト
Mid-Level
20問React Native のデバッグ
Mid-Level
18問Build & Deployment
Mid-Level
20問Expo vs React Native Bare
Mid-Level
18問パフォーマンス最適化
Senior
24問メモリ管理
Senior
20問Architecture Patterns
Senior
22問React Native の New Architecture
Senior
24問セキュリティのベストプラクティス
Senior
20問Offline-First Architecture
Senior
20問React Native の CI/CD
Senior
20問Monorepoとコード共有
Senior
18問高度なトピック
Senior
22問アプリのライフサイクルとバックグラウンド実行
Mid-Level
20問認証とセッション管理
Mid-Level
22問Monitoring & Crash Reporting
Senior
20問