1. What is the default flexDirection value in React Native?
Unlike web CSS where the default is row, React Native defaults flexDirection to column. This means elements are stacked vertically unless changed to row explicitly.
Get the Preplance app for a seamless learning experience. Practice offline, get daily streaks, and stay ahead with real-time interview updates.
Get it on
Google Play
4.9/5 Rating on Store
Wipro · React Native
Practice React Native questions specifically asked in Wipro interviews – ideal for online test preparation, technical rounds and final HR discussions.
Questions
16
Tagged for this company + subject
Company
Wipro
View company-wise questions
Subject
React Native
Explore topic-wise practice
Go through each question and its explanation. Use this page for targeted revision just before your Wipro React Native round.
Unlike web CSS where the default is row, React Native defaults flexDirection to column. This means elements are stacked vertically unless changed to row explicitly.
For complete preparation, combine this company + subject page with full company-wise practice and subject-wise practice. You can also explore other companies and topics from the links below.
Deep linking allows external links (like myapp://profile/123 or https://myapp.com/profile/123) to open specific screens in your app. It’s configured in NavigationContainer with a linking object that defines routes and URL patterns. It helps integrate React Native apps with the broader web or external systems.
Redux provides a single centralized store that holds all application state. It ensures consistent behavior and makes debugging easier with tools like Redux DevTools.
Redux Thunk is a middleware that allows you to write action creators that return a function instead of an action object. This function can perform asynchronous tasks such as fetching data before dispatching the actual action, making it ideal for network calls in React Native apps.
export const fetchUsers = () => async dispatch => { const res = await api.get('/users'); dispatch({ type: 'SET_USERS', payload: res.data }); };Axios supports request timeouts through the timeout configuration option. Fetch does not have native timeout handling; developers must use AbortController instead.
axios.get(url, { timeout: 5000 });Slow rendering often happens due to heavy re-renders, large image processing, or unnecessary state updates. Optimizing components with React.memo, compressing assets, and using FlatList for lists can significantly improve UI responsiveness.
Native modules use the RCTDeviceEventEmitter on iOS or ReactContext’s sendEvent method on Android to emit events. This is useful when native code needs to notify JS about background tasks, downloads, or hardware events.
Jest can generate coverage reports using the --coverage flag, showing which files or lines are untested. Developers can then write additional unit or integration tests to cover untested branches, ensuring stable codebases before deployment.
Each screen receives a navigation prop that provides methods to control navigation. navigation.navigate('ScreenB') moves to ScreenB if it’s part of the navigator hierarchy.
navigation.navigate('Profile');State is a built-in object in React components used to store data that can change over time. When state updates, React re-renders the component with the new values.
const [count, setCount] = useState(0);
PureComponent helps prevent unnecessary updates by checking whether props or state have actually changed. It’s useful for class components where performance is important, similar to React.memo for functional ones.
If the JS thread is blocked by heavy computation or infinite loops, the app becomes unresponsive because UI updates depend on it. To prevent this, offload heavy tasks to native modules or use libraries like react-native-reanimated or worker threads for background execution.
CodePush allows developers to update JavaScript bundles and assets directly to users’ devices. It avoids waiting for app store approval while still respecting app store policies for non-native updates.
React Native class components share lifecycle methods with React. Key ones include: - **componentDidMount()** → called once after initial render, good for fetching data. - **componentDidUpdate()** → runs after updates. - **componentWillUnmount()** → cleanup work like clearing timers or listeners. These methods are now replaced by hooks like useEffect in functional components.
React Native is a JavaScript framework that allows developers to build native mobile applications for iOS and Android using the React library. It bridges JavaScript with native platform components, offering near-native performance and a single shared codebase.
ReactPackage is an interface that exposes a list of native modules and UI components to the JavaScript side. Every custom native module must be added inside the createNativeModules() method of a ReactPackage implementation.