React Native Training Topic-Wise Online Mock Tests & Free MCQ Practice
Select any course and syllabus topic below to launch a timed 50-MCQ engineering exam (up to 2 free attempts per topic daily) with instant code-level explanations.
Timed code-output & architecture MCQs with instant scorecard. Want spoken viva practice too?
Select Any IT Course (34 Courses • 100% Topics Covered)
React Native Training — Topic-Wise Mock Tests
Expand any module below to start a live timed MCQ exam across 244 Mock Test sets (max 2 free attempts per topic per day).
All Modules & Topics in React Native Training
React Native Overview — Native OEM Views (`UIView` / `android.view.View`), Hermes, JSI & Fabric
Purpose: To understand and apply React Native Overview — Native OEM Views (`UIView` / `android.view.View`), Hermes, JSI & Fabric in real React Native systems — specifically: Why React Native is NOT a WebView wrapper: React components reconcile into C++ Yoga/Fabric Shadow Nodes mounted as real platform views, powered by Hermes bytecode and zero-serialization C++ JSI, so your code stays reliable, fast, and easy to maintain in production.
Environment Setup — Expo SDK (`create-expo-app`), Development Builds (CNG), Metro & Fast Refresh
Purpose: To understand and apply Environment Setup — Expo SDK (`create-expo-app`), Development Builds (CNG), Metro & Fast Refresh in real React Native systems — specifically: Bootstrap modern React Native apps as recommended by the official React Native docs using Expo (`npx create-expo-app`), Continuous Native Generation (`npx expo run:android` / `run:ios`), Metro bundler, and Fast Refresh, so your code stays reliable, fast, and easy to maintain in production.
First React Native App — `<Text>` Containment Rule, Falsy `0` Crash & `SafeAreaProvider`
Purpose: To understand and apply First React Native App — `<Text>` Containment Rule, Falsy `0` Crash & `SafeAreaProvider` in real React Native systems — specifically: Understand why raw strings cannot sit directly inside `<View>`, how `{items.length && <List />}` crashes production apps when `length === 0`, and how `<Text>` inherits typography from parent `<Text>` nodes, so your code stays reliable, fast, and easy to maintain in production.
React Native `<View>` — Native Mapping, View Flattening (`collapsable`), `pointerEvents` & `onLayout`
Purpose: To understand and apply React Native `<View>` — Native Mapping, View Flattening (`collapsable`), `pointerEvents` & `onLayout` in real React Native systems — specifically: Master React Native’s fundamental layout box `<View>`: Fabric view flattening (`collapsable`), pass-through touch overlays (`pointerEvents="box-none"`), `onLayout` synchronous Fabric reads, and screen-reader grouping, so your code stays reliable, fast, and easy to maintain in production.
React Native Props — Read-Only Data Flow, ES6 Default Params, `children` & `React.memo`
Purpose: To understand and apply React Native Props — Read-Only Data Flow, ES6 Default Params, `children` & `React.memo` in real React Native systems — specifically: Configure mobile components cleanly via immutable `props`, ES6 default parameter destructuring (replacing deprecated `defaultProps` in React 19), slot `children`, and `React.memo` shallow equality, so your code stays reliable, fast, and easy to maintain in production.
React Native State — `useState`, Functional Updaters, Immutable Arrays & `Object.is` Batching
Purpose: To understand and apply React Native State — `useState`, Functional Updaters, Immutable Arrays & `Object.is` Batching in real React Native systems — specifically: Drive reactive UI updates with `useState` and `useReducer`, understand React 18/19 automatic state batching across async promises/timers, and eliminate stale closures and in-place mutation bugs, so your code stays reliable, fast, and easy to maintain in production.
React Native StyleSheet — `StyleSheet.create`, Array Merging, `hairlineWidth` & Platform Shadows
Purpose: To understand and apply React Native StyleSheet — `StyleSheet.create`, Array Merging, `hairlineWidth` & Platform Shadows in real React Native systems — specifically: Style components with unitless density-independent numbers, camelCase CSS subsets, `StyleSheet.absoluteFillObject`, `StyleSheet.hairlineWidth` 1-physical-pixel dividers, and cross-platform shadows, so your code stays reliable, fast, and easy to maintain in production.
Height & Width — DP Units, Flex Proportions, Percentage Sizing & `useWindowDimensions()`
Purpose: To understand and apply Height & Width — DP Units, Flex Proportions, Percentage Sizing & `useWindowDimensions()` in real React Native systems — specifically: Choose between fixed density-independent dimensions, proportional `flex` weights, percentage strings (`"50%"`), `aspectRatio`, and rotation-reactive `useWindowDimensions()`, so your code stays reliable, fast, and easy to maintain in production.
Layout & Yoga Flexbox — `flexDirection: "column"` Default, `gap` & Text `flexShrink: 1`
Purpose: To understand and apply Layout & Yoga Flexbox — `flexDirection: "column"` Default, `gap` & Text `flexShrink: 1` in real React Native systems — specifically: Master Yoga C++ layout rules: `flexDirection`, `justifyContent` (main axis), `alignItems` (cross axis), modern `gap` spacing, and why `flex: 1` inside a `<View>` needs a bounded parent height, so your code stays reliable, fast, and easy to maintain in production.
React Native `<TextInput>` — `onChangeText`, IME `keyboardType`, Focus Refs & `KeyboardAvoidingView`
Purpose: To understand and apply React Native `<TextInput>` — `onChangeText`, IME `keyboardType`, Focus Refs & `KeyboardAvoidingView` in real React Native systems — specifically: Capture text cleanly via `value` + `onChangeText` (note: passes the string directly, NOT `e.target.value`!), configure mobile keyboards, chain focus with `useRef`, and prevent soft keyboards from covering inputs, so your code stays reliable, fast, and easy to maintain in production.
React Native `<Button>` — Native `UIBarButton` / Material Button Rendering & Customization Limits
Purpose: To understand and apply React Native `<Button>` — Native `UIBarButton` / Material Button Rendering & Customization Limits in real React Native systems — specifically: Use the built-in `<Button title="..." onPress={...} color="..." disabled />` for quick prototypes and alert actions while understanding why it purposefully rejects custom `style`, border radius, and icons, so your code stays reliable, fast, and easy to maintain in production.
Touchables & `<Pressable>` — `TouchableOpacity` vs Future-Proof `<Pressable>`, `android_ripple` & `hitSlop`
Purpose: To understand and apply Touchables & `<Pressable>` — `TouchableOpacity` vs Future-Proof `<Pressable>`, `android_ripple` & `hitSlop` in real React Native systems — specifically: Master touch handling from `TouchableOpacity` / `TouchableHighlight` / `TouchableWithoutFeedback` to the modern core `<Pressable>` API supporting `onPressIn`, `onLongPress`, `({ pressed })` render callbacks, `android_ripple`, and `hitSlop`, so your code stays reliable, fast, and easy to maintain in production.
React Native `<ScrollView>` — `contentContainerStyle`, `keyboardShouldPersistTaps` & Eager Mounting
Purpose: To understand and apply React Native `<ScrollView>` — `contentContainerStyle`, `keyboardShouldPersistTaps` & Eager Mounting in real React Native systems — specifically: Use `<ScrollView>` for bounded forms and article pages (< 25 items), understand `style` vs `contentContainerStyle`, pull-to-refresh (`RefreshControl`), and `keyboardShouldPersistTaps="handled"`, so your code stays reliable, fast, and easy to maintain in production.
React Native `<FlatList>` — `VirtualizedList` Windowing, `keyExtractor` & `getItemLayout`
Purpose: To understand and apply React Native `<FlatList>` — `VirtualizedList` Windowing, `keyExtractor` & `getItemLayout` in real React Native systems — specifically: Render massive datasets smoothly with `<FlatList>`: `VirtualizedList` viewport windowing (`windowSize`, `initialNumToRender`, `maxToRenderPerBatch`), `ListEmptyComponent`, `ListHeaderComponent`, and O(1) `getItemLayout`, so your code stays reliable, fast, and easy to maintain in production.
React Native `<SectionList>` — `{ data: [...] }` Schema, `renderSectionHeader` & Sticky Headers
Purpose: To understand and apply React Native `<SectionList>` — `{ data: [...] }` Schema, `renderSectionHeader` & Sticky Headers in real React Native systems — specifically: Display virtualized grouped lists (alphabetical contacts, date-grouped transactions, course modules -> topics) using `<SectionList>` with `renderSectionHeader` and `stickySectionHeadersEnabled`, so your code stays reliable, fast, and easy to maintain in production.
React Native `<Image>` — Static `require()` vs Remote `{ uri }`, `resizeMode` & `expo-image` Caching
Purpose: To understand and apply React Native `<Image>` — Static `require()` vs Remote `{ uri }`, `resizeMode` & `expo-image` Caching in real React Native systems — specifically: Render bundled `@2x`/`@3x` assets via static `require()` and remote HTTPS images via `source={{ uri }}`, master `resizeMode` (`cover`, `contain`), `ImageBackground`, and `expo-image` SDWebImage/Glide disk caching, so your code stays reliable, fast, and easy to maintain in production.
React Native Animations — `Animated.Value`, `useNativeDriver: true`, `interpolate` & Reanimated
Purpose: To understand and apply React Native Animations — `Animated.Value`, `useNativeDriver: true`, `interpolate` & Reanimated in real React Native systems — specifically: Animate `opacity` and `transform` (`translateX/Y`, `scale`, `rotate`) directly on the native UI thread via `useNativeDriver: true` so animations stay 60/120fps even if the JS thread is busy, so your code stays reliable, fast, and easy to maintain in production.
React Native `<WebView>` — `react-native-webview`, `originWhitelist` & `postMessage` Bridge Security
Purpose: To understand and apply React Native `<WebView>` — `react-native-webview`, `originWhitelist` & `postMessage` Bridge Security in real React Native systems — specifically: Embed web checkout/OAuth/HTML content using community `react-native-webview` (`WKWebView` on iOS, Chromium `WebView` on Android), enforce strict `originWhitelist` rules, and pass typed messages via `window.ReactNativeWebView.postMessage`, so your code stays reliable, fast, and easy to maintain in production.
React Native `Alert` — Imperative `Alert.alert()`, Android 3-Button Limit & Destructive Styles
Purpose: To understand and apply React Native `Alert` — Imperative `Alert.alert()`, Android 3-Button Limit & Destructive Styles in real React Native systems — specifically: Invoke native OS modal alerts via `Alert.alert(title, message, buttons, options)`, understand iOS `style: "destructive" | "cancel"` ordering, Android’s strict 3-button `AlertDialog` cap, and why `Alert.prompt` is iOS-only, so your code stays reliable, fast, and easy to maintain in production.
React Native Geolocation — `expo-location` / Geolocation Permissions, Timeouts & `watchPosition` Cleanup
Purpose: To understand and apply React Native Geolocation — `expo-location` / Geolocation Permissions, Timeouts & `watchPosition` Cleanup in real React Native systems — specifically: Request foreground/background location permissions (`NSLocationWhenInUseUsageDescription` + `ACCESS_FINE_LOCATION`), query GPS fixes with `enableHighAccuracy` and `maximumAge`, and unsubscribe watchers on unmount, so your code stays reliable, fast, and easy to maintain in production.
Bridgeless JSI Synchronous Calls & Fabric Concurrent Renderer
Purpose: To understand and apply Bridgeless JSI Synchronous Calls & Fabric Concurrent Renderer in real React Native systems — specifically: Understand why modern React Native achieves native-grade startup and gesture latency, so your code stays reliable, fast, and easy to maintain in production.
Typed React Navigation Stacks, Tabs, Modals & Universal Deep Links
Purpose: To understand and apply Typed React Navigation Stacks, Tabs, Modals & Universal Deep Links in real React Native systems — specifically: Route WhatsApp/SMS links directly to authenticated product or order screens, so your code stays reliable, fast, and easy to maintain in production.
TanStack Query + Zustand + MMKV Synchronous Persistence
Purpose: To understand and apply TanStack Query + Zustand + MMKV Synchronous Persistence in real React Native systems — specifically: Read cached mobile state 30x faster than legacy AsyncStorage on app launch, so your code stays reliable, fast, and easy to maintain in production.
KeyboardAvoiding Patterns, SafeAreaInsets & Responsive Breakpoints
Purpose: To understand and apply KeyboardAvoiding Patterns, SafeAreaInsets & Responsive Breakpoints in real React Native systems — specifically: Prevent notches and on-screen keyboards from covering input fields across devices, so your code stays reliable, fast, and easy to maintain in production.
Cell Recycling with FlashList vs FlatList Memory Spikes
Purpose: To understand and apply Cell Recycling with FlashList vs FlatList Memory Spikes in real React Native systems — specifically: Eliminate blank white cells while flick-scrolling thousands of catalog cards, so your code stays reliable, fast, and easy to maintain in production.
Reanimated Worklets & Gesture Handler on the Native UI Thread
Purpose: To understand and apply Reanimated Worklets & Gesture Handler on the Native UI Thread in real React Native systems — specifically: Run buttery 60/120fps swipe-to-pay and bottom-sheet animations even when JS is busy, so your code stays reliable, fast, and easy to maintain in production.
NetInfo Connectivity Queues & SQLite/WatermelonDB Offline Storage
Purpose: To understand and apply NetInfo Connectivity Queues & SQLite/WatermelonDB Offline Storage in real React Native systems — specifically: Queue field updates offline and replay idempotently once 4G/Wi-Fi returns, so your code stays reliable, fast, and easy to maintain in production.
Expo SecureStore, Biometric Auth & SSL Pinning
Purpose: To understand and apply Expo SecureStore, Biometric Auth & SSL Pinning in real React Native systems — specifically: Harden mobile sessions and sensitive healthcare/fintech payloads on device, so your code stays reliable, fast, and easy to maintain in production.
Graceful Runtime Permission Flows (Camera, Location, Notifications)
Purpose: To understand and apply Graceful Runtime Permission Flows (Camera, Location, Notifications) in real React Native systems — specifically: Explain permission value upfront to maximize user opt-in and pass App Store review, so your code stays reliable, fast, and easy to maintain in production.
Chunked/Presigned Multipart Media Uploads & Image Compression
Purpose: To understand and apply Chunked/Presigned Multipart Media Uploads & Image Compression in real React Native systems — specifically: Upload compressed receipts and photos reliably over flaky mobile networks, so your code stays reliable, fast, and easy to maintain in production.
FCM / APNs Push Notification Channels, Badges & Background Tap Routing
Purpose: To understand and apply FCM / APNs Push Notification Channels, Badges & Background Tap Routing in real React Native systems — specifically: Re-engage users reliably across foreground, background, and cold-killed app states, so your code stays reliable, fast, and easy to maintain in production.
Expo Config Plugins & Custom Native Android/iOS Manifest Tuning
Purpose: To understand and apply Expo Config Plugins & Custom Native Android/iOS Manifest Tuning in real React Native systems — specifically: Customize native Gradle/Podfile capabilities cleanly without losing upgrade velocity, so your code stays reliable, fast, and easy to maintain in production.
Component Specs with Jest & React Native Testing Library
Purpose: To understand and apply Component Specs with Jest & React Native Testing Library in real React Native systems — specifically: Test mobile screens via accessibility labels and user events cleanly, so your code stays reliable, fast, and easy to maintain in production.
Black-Box Mobile E2E Flows with Maestro / Detox
Purpose: To understand and apply Black-Box Mobile E2E Flows with Maestro / Detox in real React Native systems — specifically: Verify login, OTP, and cart checkout automatically on iOS Simulator & Android Emulator, so your code stays reliable, fast, and easy to maintain in production.
Hermes Bytecode Startup Profiling, Bundle Size & Sentry Crash Sourcemaps
Purpose: To understand and apply Hermes Bytecode Startup Profiling, Bundle Size & Sentry Crash Sourcemaps in real React Native systems — specifically: Slash Time-to-Interactive (TTI) and debug native + JS crashes from one console, so your code stays reliable, fast, and easy to maintain in production.
EAS Build Profiles, Store Submissions & Safe Over-the-Air (OTA) Updates
Purpose: To understand and apply EAS Build Profiles, Store Submissions & Safe Over-the-Air (OTA) Updates in real React Native systems — specifically: Ship critical JS bugfixes to users in minutes while respecting native runtime compatibility, so your code stays reliable, fast, and easy to maintain in production.
React Native New Architecture: JSI, Fabric Synchronous Layout & TurboModules
Purpose: To understand and apply React Native New Architecture: JSI, Fabric Synchronous Layout & TurboModules in real React Native systems — specifically: Understand how direct C++ JSI bindings replace legacy JSON bridge bottlenecks for native speed, so your code stays reliable, fast, and easy to maintain in production.
High-Speed Lists (FlashList), UI-Thread Gestures (Reanimated) & Keyboard Handling
Purpose: To understand and apply High-Speed Lists (FlashList), UI-Thread Gestures (Reanimated) & Keyboard Handling in real React Native systems — specifically: Build silky-smooth mobile feeds, bottom sheets, and chat screens on budget Android & iOS devices, so your code stays reliable, fast, and easy to maintain in production.
Offline Queueing, MMKV/SecureStore Token Safety & Universal Deep Linking
Purpose: To understand and apply Offline Queueing, MMKV/SecureStore Token Safety & Universal Deep Linking in real React Native systems — specifically: Persist mutations across offline periods and protect sensitive credentials in Keychain/Keystore, so your code stays reliable, fast, and easy to maintain in production.
Hermes Bytecode Startup Tuning, Image Caching & Eliminating JS-Thread Frame Drops
Purpose: To understand and apply Hermes Bytecode Startup Tuning, Image Caching & Eliminating JS-Thread Frame Drops in real React Native systems — specifically: Cut cold TTI startup times and keep navigation transitions responsive under heavy state updates, so your code stays reliable, fast, and easy to maintain in production.
Component Testing with React Native Testing Library & Automated E2E Mobile Flows
Purpose: To understand and apply Component Testing with React Native Testing Library & Automated E2E Mobile Flows in real React Native systems — specifically: Verify login, checkout, and offline recovery journeys automatically before store submission, so your code stays reliable, fast, and easy to maintain in production.
App Store / Play Store Signing, OTA Update Rules & Mobile System Design Interviews
Purpose: To understand and apply App Store / Play Store Signing, OTA Update Rules & Mobile System Design Interviews in real React Native systems — specifically: Navigate native permissions, push notifications, and crash triage in React Native interviews, so your code stays reliable, fast, and easy to maintain in production.