2 Marks Questions & Answers
Q: Compare native and cross-platform app development in terms of codebase,
performance and UI design.
A: Codebase: Native requires separate code for iOS & Android; cross-platform uses one shared
codebase. Performance: Native is faster and optimized; cross-platform is slightly slower due to
abstraction. UI Design: Native provides platform-specific UI; cross-platform mimics native UI with
shared components.
Q: Outline the advantages of using JavaScript modules in application development.
A: Promotes code reusability. Improves maintainability and organization by separating logic.
Q: Illustrate the purpose of arrow functions in ES6 with suitable examples.
A: Arrow functions provide a shorter syntax and preserve this context. Example: const add = (a, b)
=> a + b;
Q: Summarize the main advantages of React Native compared to traditional native
development.
A: Single codebase for multiple platforms. Faster development and hot reloading.
Q: Summarize the features introduced in ES6.
A: Arrow functions, let/const, template literals, classes, modules, default/rest/spread operators.
Q: Illustrate the syntax of an arrow function with parameters using an example.
A: Example: const multiply = (x, y) => x * y;
Q: Explain how useState works in React Native.
A: useState is a React Hook to store and update component state. Example: const [count,
setCount] = useState(0);
Q: Explain how styling is applied using StyleSheet in React Native.
A: Use StyleSheet.create() to define styles and apply via style prop.
Q: Explain how styling works in React Native.
A: Styles are written in JavaScript objects, similar to CSS, and passed via style prop.
Q: Summarize the significance of the Text and Image components.
A: Text: Displays formatted text. Image: Displays images from local files or URLs.
Q: Describe how inline styling works in JSX.
A: Define styles directly inside style prop using objects. Example: Hello
Q: Describe the rendering process in React Native and native platforms.
A: React Native converts JSX to native components using a bridge, unlike web React which renders
to the DOM.
Q: Explain the role of Expo in simplifying React Native development.
A: Expo provides prebuilt tools, libraries, and runtime to quickly build, test, and deploy React Native
apps.
Q: Explain how destructuring works in JavaScript with a simple example.
A: Extracts values from arrays/objects into variables. Example: const {name, age} = {name:'Raj',
age:20};
Q: Explain the use of state in a functional component.
A: State stores dynamic values that can change and cause the UI to re-render.
Q: Summarize the benefits of using React Native for mobile development.
A: Cross-platform support, faster development, hot reloading, and near-native performance.
Q: Explain the function of the View component in React Native.
A: Acts as a container for UI elements like Text, Image, and other components.
Q: Interpret the purpose of JSX in React Native.
A: JSX is a syntax extension of JavaScript that allows writing UI elements like HTML inside JS
code.
4/5/6 Marks Questions & Answers
Q: Explain how React Native manages navigation across screens.
A: React Native manages navigation using libraries like React Navigation. It provides stack, tab,
and drawer navigators to switch between screens. Navigation maintains a history stack similar to
web browsers, allowing moving forward and backward across screens easily.
