0% found this document useful (0 votes)
5 views5 pages

React Native Interview Guide

The document is a comprehensive React Native interview guide that defines key concepts such as JSX, components, state and props, layout and styling, and various UI/UX components. It covers essential topics including hooks, navigation, API networking, state management, and debugging tools. Additionally, it addresses performance optimization, build and deployment processes, and utilities for handling forms and storage.

Uploaded by

Preeti Yadav
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
5 views5 pages

React Native Interview Guide

The document is a comprehensive React Native interview guide that defines key concepts such as JSX, components, state and props, layout and styling, and various UI/UX components. It covers essential topics including hooks, navigation, API networking, state management, and debugging tools. Additionally, it addresses performance optimization, build and deployment processes, and utilities for handling forms and storage.

Uploaded by

Preeti Yadav
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

React Native Interview Guide (Definitions

Only)

1. JSX
JavaScript XML – A syntax extension allowing HTML-like code in JavaScript, converted into
native components by React Native.

2. Components
●​ Functional Components – Functions returning UI; support hooks.​

●​ Class Components – ES6 classes with lifecycle methods and internal state.​

3. State & Props


●​ State – Mutable data managed within a component.​

●​ Props – Read-only data passed from parent to child.​

4. Layout & Styling


●​ Flexbox – Layout system for arranging elements in rows or columns.​

●​ Stylesheets – [Link]() to organize styles.​


5. Lists & Interactions
●​ ScrollView – Renders all items at once; good for small lists.​

●​ FlatList – Optimized list rendering for large datasets.​

●​ Touchable/Pressable – Components for detecting taps or presses.​

6. Hooks & Lifecycle


●​ useState – Manages component state.​

●​ useEffect – Handles side effects (API calls, subscriptions).​

●​ useRef – Stores mutable values without re-renders.​

●​ Lifecycle Methods – componentDidMount, componentDidUpdate,


componentWillUnmount.​

●​ Conditional Rendering – Displaying UI based on conditions.​

●​ Context API – Share global data without prop drilling.​

7. Navigation
●​ Stack Navigation – Screens stacked like pages.​

●​ Tab Navigation – Switch between screens using tabs.​

●​ Drawer Navigation – Side drawer menu.​

●​ Functions: navigate(), goBack(), replace(), reset(), pass params.​


8. UI/UX Components
●​ Custom Header, Button, Input – Reusable UI elements.​

●​ Modal – Displays content above current screen.​

●​ Bottom Sheet – Panel sliding from bottom.​

●​ Toast/Snackbar – Brief popup messages.​

●​ Keyboard Handling – Managing UI when keyboard appears


(KeyboardAvoidingView).​

9. API & Networking


●​ Fetch – Built-in API for network requests.​

●​ Axios – HTTP client with interceptors and better error handling.​

●​ HTTP Methods – GET (fetch), POST (create), PUT (update), DELETE (remove).​

●​ Error Handling – Managing request failures (try/catch, interceptors).​

●​ Async/Await & Promises – Handling asynchronous operations.​

●​ Token-based Authentication – Secure API requests using tokens (e.g., JWT).​

10. State Management


●​ React Context – Built-in global state sharing.​

●​ Redux – Centralized state management with actions and reducers.​

●​ Redux Toolkit – Simplified Redux with createSlice, configureStore.​


11. Utilities & Helpers
●​ Date/Time Formatting – Converting and displaying readable dates/times.​

●​ Reusable Utils – Functions for formatting, validations, etc.​

12. Form & Validation


●​ TextInput Handling – Managing input fields and state.​

●​ Validation – Ensuring correct inputs using logic or libraries (Formik, Yup).​

13. Storage
●​ AsyncStorage – Simple local key-value storage.​

●​ Secure Storage – Safe storage for sensitive data (e.g., tokens).​

14. Native Modules


●​ Native Modules – Access platform-specific features using bridges.​

●​ react-native-permissions – Unified way to request and check device permissions.​

15. Debugging & Tools


●​ React Native Debugger / Flipper – Inspect state, network, and performance.​

●​ Console Logs – Basic debugging with [Link].​


●​ React DevTools – Inspect component hierarchy.​

●​ Breakpoints – Step-by-step debugging in IDEs.​

●​ Fast Refresh / Hot Reload – Instantly preview changes.​

16. Performance
●​ Memoization (useMemo, useCallback) – Prevent unnecessary re-renders.​

●​ FlatList Optimization – Improve large list performance.​

●​ Reanimated / Layout Animations – Smooth UI transitions.​

●​ App Size Reduction – Reduce size using compression, code splitting, and Proguard.​

17. Build & Deployment


●​ Android Build – Generate APK/AAB via Gradle.​

●​ iOS Build – Archive and export via Xcode.​

●​ Splash Screen – Initial loading screen.​

●​ App Icon – Custom icon for app identification.​

You might also like