Which library is the standard for handling navigation in React Native?

This test assesses knowledge of basic React Native concepts and practices for developers with up to 2 years of experience.

Using Platform.OS conditionals, Platform.select() method, or separate files with .ios.js and .android.js extensions.

Replacing the entire codebase for each platform manually.

Writing native code only without React Native abstractions.

What are the ways to handle platform-specific code in React Native?

Keys uniquely identify list items to help React track changes and optimize rendering.

Keys determine the order of rendering but are not required.

Keys are used exclusively for styling long lists.

What is the significance of the key prop in list rendering?

Using the built-in developer menu to access JS debugger, element inspector, performance tools, React DevTools, and platform-specific profilers like Xcode Instruments.

Only by inspecting the native code in Android Studio or Xcode without JS tools.

By writing unit tests that run on the device.

React Native cannot be debugged once deployed.

Functional components are plain functions accepting props and returning JSX, while class components use lifecycle methods and extend React.Component.

Functional components can only be used on web, class components only on mobile.

Class components cannot manage state, but functional components can.

Functional components rely on CSS, and class components rely on inline styles.

What is the main difference between functional components and class components in React Native?

ScrollView renders all children at once and is suitable for short lists; FlatList virtualizes and renders only visible items, suitable for long lists.

ScrollView supports navigation between screens; FlatList supports only static content.

FlatList is used for styling, ScrollView is used for animations.

ScrollView only works on iOS; FlatList only on Android.

What is the key difference between ScrollView and FlatList in React Native?

React Native does not use an HTML DOM but a virtual representation of the native UI tree, syncing minimal updates through a bridge to native components.

React Native uses the exact same HTML Virtual DOM as React web apps.

React Native doesn’t use any virtual representation and renders everything directly.

React Native’s Virtual DOM processes CSS animations natively.

How does React Native's Virtual DOM differ from React's Virtual DOM?

It validates style objects at creation time, provides type checking, and improves development experience.

It converts CSS files into JavaScript objects.

It compiles styles into platform-specific binary code.

It automatically applies themes based on device settings.

What is the purpose of StyleSheet.create() in React Native?

React Native is a mobile app framework using the same component model as React but renders native components instead of HTML.

React Native is a CSS framework for styling mobile apps.

React Native is a back-end server framework built on Node.js.

React Native only works for web browsers and is unrelated to React.

What is React Native and how does it differ from React?

Local images use require() syntax; remote images require a URI and explicit width and height.

Only local images are supported using FileReader API.

Images must be imported as CSS background URLs.

React Native does not support images natively.

Props are read-only values passed from parent to child; state is managed internally and can be updated within a component.

Props store user inputs; state holds styles.

State is read-only; props can be changed by the component.

Props and state are identical and interchangeable.

What is the difference between props and state in React Native?

Controlled components get their value from state and update via callbacks; uncontrolled components manage their own internal state.

Controlled components only accept numeric inputs; uncontrolled accept text.

Uncontrolled components cannot be used in React Native.

Controlled components are those without props; uncontrolled are with props.

What is the difference between controlled and uncontrolled components in React Native?

useState declares a state variable and its setter; useEffect runs side effects after render with optional dependencies.

useState creates styles; useEffect handles navigation between screens.

useState is for fetching data; useEffect renders UI components.

useState logs errors; useEffect automatically updates styles.

What do the useState and useEffect hooks do in React Native?

A simple, unencrypted key-value store for persisting small, non-sensitive data locally on the device.

A secure encrypted storage for sensitive user data like passwords.

A remote cloud database service integrated in React Native.

A testing framework for asynchronous operations.

What is AsyncStorage in React Native and when should it be used?

XMLHttpRequest directly without abstractions

Native mobile SDKs only, no JavaScript approach

Which method is commonly used for making network requests in React Native?

Питання 14 з 15