Scribd
Upload
35 views

React Native Cheatsheet

Uploaded by

Manda Ranaivoson
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
35 views

React Native Cheatsheet

Uploaded by

Manda Ranaivoson
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

React Native Cheatsheet

Introduction

React Native is a framework for building native apps using React. This cheatsheet covers key concepts, components,

and APIs.
React Native Cheatsheet

Core Concepts

1. JSX: Write UI components with XML-like syntax.

2. Components: Use functional or class components.

3. Props: Pass data to components.

4. State: Manage local component state.

5. Lifecycle Methods: Use hooks like useEffect or class methods (e.g., componentDidMount).
React Native Cheatsheet

Core Components

1. View: A container for other components.

2. Text: Displays text.

3. TextInput: Accepts user input.

4. ScrollView: Provides scrolling capability.

5. FlatList: Optimized scrolling list.

6. Button: Triggers user actions.


React Native Cheatsheet

Styling

1. Flexbox: Used for layout and alignment.

2. Stylesheets: Use StyleSheet.create to define styles.

3. Inline Styles: Pass style objects directly.

4. Global Styles: Use context or libraries like styled-components.


React Native Cheatsheet

Navigation

1. react-navigation: Most popular navigation library.

2. Types: Stack, Tab, Drawer navigation.

3. Installation: npm install @react-navigation/native

4. Example:

import { NavigationContainer } from '@react-navigation/native';

import { createStackNavigator } from '@react-navigation/stack';


React Native Cheatsheet

APIs and Libraries

1. Networking: fetch, axios for HTTP requests.

2. State Management: Redux, MobX, Context API.

3. Animations: Animated, Reanimated.

4. Storage: AsyncStorage, SecureStore.

5. Permissions: react-native-permissions.
React Native Cheatsheet

Debugging and Testing

1. Debugging: Use console.log, Flipper, or React DevTools.

2. Testing: Jest, Enzyme, React Native Testing Library.

3. Error Handling: Use try-catch blocks and ErrorBoundary.


React Native Cheatsheet

Deployment

1. Android: Generate APK or AAB using Gradle.

2. iOS: Archive and distribute via Xcode.

3. Over-the-air Updates: Use CodePush.

You might also like