React Native

Introduction

• What is React Native?
• Why use React Native?
• React Native Alternatives

Learn the Pre-requisites

• React Basics
• Component
• State
• Props
• JSX

Environment Setup

• Expo

• create-expo-app
• Expo Snack
• Expo Tradeo!s

Environment Setup

• React Native CLI
• Metro Bundler

Development Workflow

• Running on Device

Development Workflow

• Debugging
• In-App Developer
• Menu Enabling Fast Refresh
• LogBox
• Sourcemaps
• DevTools

Core Components

• Text
• Text Input
• Button
• Image
• ImageBackground
• Switch
• StatusBar
• Activity Indicator
• Modal Pressable

Core Components

View

• SafeAreaView
• KeyboardAvoidingView

Listings

• ScrollView
• List Views FlatList SectionList

• FlatList
•  SectionList

• RefreshControl

Writing Platform Specific Code

• Platform Module
• File Extensions
• react-native-web

Styling

• Stylesheets
• Layouts and Flexbox
• Accessibilit

Networking

• Fetch
• Websockets

Push Notifications

Interactions

• Touchables
• Gesture Responder System
• Scrolling and Swiping
• Screen Navigation
• Animations

Deep Linking

Security

• Authentication
• Networking
• Storag

Storage

• Other Storage Options
• react-native-async –storage
• Expo Ecosystem

• expo-secure store
• expo-file-system
• expo-sqlite

Testing

• Jest

Component Tests

• React Test Renderer
• React Native Testing Library

E2E Testing

• Detox
• Appium

Performance

• Understand Frame Rates
• Common Problem
• Sources Speeding up Builds
• Optimizing Flatlist Config
• RAM Bundles + Inline Requires
• Profiling

Using Native Modules

• For iOS
• For Android

Publishing Apps

• Apple App Store
• Google Play Store

-جاوااسکریپت - reactjs