React Native跨平台移动应用开发实战教程

学习用React Native构建iOS与Android双平台应用，掌握核心组件、导航、状态管理与数据持久化，19小时课程助你成为移动开发专家。

原始标题：React Native: Build Powerful Cross-Platform Mobile Apps

Published 10/2024
MP4 | Video: h264, 1920×1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 5.31 GB | Duration: 19h 12m

Architect and develop engaging mobile apps for iOS and Android using React Native, master core concepts, best practices.

What you’ll learn
Understand the React Native ecosystem: Grasp the fundamentals of React Native, its advantages, and how it compares to other mobile development frameworks.
Set up a development environment: Confidently install and configure the necessary tools (Expo, Android Studio) for React Native development.
Master core React Native components: Utilize essential components like Text, Image, TextInput, Button, ScrollView, and FlatList to build user interfaces.
Implement navigation and data passing: Structure multi-screen applications using React Navigation and seamlessly pass data between screens.
Manage application state: Learn to manage complex application state using both React Hooks (like useState) and Redux.
Fetch and persist data: Retrieve data from APIs using Fetch or Axios and store data locally with AsyncStorage.
Style React Native applications: Apply styling techniques, including inline styles, StyleSheet API, and styled-components, to create visually appealing apps.
Implement animations & gestures: Bring apps to life by adding animations and incorporating gesture handling using the Animated API and react-native-reanimated.
Access device features: Utilize device APIs to integrate functionalities like camera access, location tracking, and sensor data into applications.
Incorporate push notifications: Learn to integrate push notifications into React Native apps using Expo’s notification services.
Build and deploy applications: Gain the skills to build, sign, and publish React Native apps on both the Google Play Store and Apple App Store.
Extend React Native with native code: Learn when & how to integrate native code (iOS & Android) to extend React Native’s capabilities for many functionalities.

Requirements
Enthusiasm and determination to make your mark on the world!

Overview
Section 1: Introduction to React Native

Lecture 1 Introduction to React Native

Section 2: Getting Started with React Native

Lecture 2 Getting Started with React Native

Section 3: Mobile Development Basics

Lecture 3 Mobile Development Basics

Section 4: Comparison between Native and React Native

Lecture 4 Comparison between Native and React Native

Section 5: Android Studio

Lecture 5 Android Studio

Section 6: Set Up Expo CLI and Run the First Expo Project

Lecture 6 Set Up Expo CLI and Run the First Expo Project

Section 7: Styling with React Native

Lecture 7 Styling with React Native

Section 8: Text, View and Image Components

Lecture 8 Text, View and Image Components

Section 9: TextInput Component

Lecture 9 TextInput Component

Section 10: State with useState Hook

Lecture 10 State with useState Hook

Section 11: Buttons and Touch Events

Lecture 11 Buttons and Touch Events

Section 12: ScrollView

Lecture 12 ScrollView

Section 13: FlatList and SectionList

Lecture 13 FlatList and SectionList

Section 14: To-Do List App

Lecture 14 To-Do List App

Section 15: React Navigation

Lecture 15 React Navigation

Section 16: Stack and Tab Navigation

Lecture 16 Stack and Tab Navigation

Section 17: Customizing Headers and Navigation Options

Lecture 17 Customizing Headers and Navigation Options

Section 18: Passing Data Between Screens

Lecture 18 Passing Data Between Screens

Section 19: Handling Navigation State

Lecture 19 Handling Navigation State

Section 20: Working with Nested Navigators

Lecture 20 Working with Nested Navigators

Section 21: Setting Up Drawer Navigation

Lecture 21 Setting Up Drawer Navigation

Section 22: Implementing Modal Navigation

Lecture 22 Implementing Modal Navigation

Section 23: Multi-Screen App with Different Navigation Methods

Lecture 23 Multi-Screen App with Different Navigation Methods

Section 24: Context API

Lecture 24 Context API

Section 25: Redux in a React Native App

Lecture 25 Redux in a React Native App

Section 26: Fetching Data with Axios or Fetch API

Lecture 26 Fetching Data with Axios or Fetch API

Section 27: Handling Loading States and Errors

Lecture 27 Handling Loading States and Errors

Section 28: Persisting Data using AsyncStorage

Lecture 28 Persisting Data using AsyncStorage

Section 29: Data-Driven App using Redux and Context API

Lecture 29 Data-Driven App using Redux and Context API

Section 30: Setting up Styled-Components

Lecture 30 Setting up Styled-Components

Section 31: Creating Reusable Styled Components

Lecture 31 Creating Reusable Styled Components

Section 32: Basics of Animations in React Native

Lecture 32 Basics of Animations in React Native

Section 33: Using the Animated API

Lecture 33 Using the Animated API

Section 34: Fade, Scale, and Translate Animations

Lecture 34 Fade, Scale, and Translate Animations

Section 35: React Native Gesture Handler

Lecture 35 React Native Gesture Handler

Section 36: Complex Animations and Interactions

Lecture 36 Complex Animations and Interactions

Section 37: react-native-reanimated and react-native-screens

Lecture 37 react-native-reanimated and react-native-screens

Section 38: Animated Splash Screen and a Carousel Component

Lecture 38 Animated Splash Screen and a Carousel Component

Section 39: Working with the Camera API

Lecture 39 Working with the Camera API

Section 40: Using the Location API to get Device Location

Lecture 40 Using the Location API to get Device Location

Section 41: Accessing Device Sensors (Accelerometer and Gyroscope)

Lecture 41 Accessing Device Sensors (Accelerometer and Gyroscope)

Section 42: Setting up Push Notifications in a React Native app using Expo

Lecture 42 Setting up Push Notifications in a React Native app using Expo

Section 43: Handling Notifications in React Native

Lecture 43 Handling Notifications in React Native

Section 44: Managing Notifications in the Background

Lecture 44 Managing Notifications in the Background

Section 45: Playing Audio and Video Files

Lecture 45 Playing Audio and Video Files

Section 46: Recording Audio and Video in React Native using Expo

Lecture 46 Recording Audio and Video in React Native using Expo

Section 47: Building a Media App in React Native

Lecture 47 Building a Media App in React Native

Section 48: SQLite App

Lecture 48 SQLite App

Section 49: User Authentication in React Native with Expo

Lecture 49 User Authentication in React Native with Expo

Section 50: Techniques for Improving Performance

Lecture 50 Techniques for Improving Performance

Section 51: Using the Profiler in React Native with Expo

Lecture 51 Using the Profiler in React Native with Expo

Section 52: Building and Signing APKIPA Files in React Native with Expo

Lecture 52 Building and Signing APKIPA Files in React Native with Expo

Section 53: Publishing Apps to Google Play and App Store

Lecture 53 Publishing Apps to Google Play and App Store

Section 54: When and Why to Eject from Expo in React Native

Lecture 54 When and Why to Eject from Expo in React Native

Section 55: Migrating from Managed to Bare Workflow in React Native with Expo

Lecture 55 Migrating from Managed to Bare Workflow in React Native with Expo

Section 56: Working with Native Code in React Native

Lecture 56 Working with Native Code in React Native

Beginner to intermediate programmers: Individuals with some basic programming knowledge, especially in JavaScript, who want to learn mobile app development.,Mobile app developers: Those experienced in native mobile development (iOS or Android) who want to learn a cross-platform framework.,Web developers with React experience: Developers familiar with React who want to leverage their skills to build mobile apps.,Front-end engineers: Expanding skillset to include mobile app development with React Native.,Full-stack engineers: Adding cross-platform mobile development to their repertoire for end-to-end project ownership.,Entrepreneurs and business owners: Individuals with app ideas who want to learn how to build their own apps.,Anyone aspiring for a career in mobile app development,Students and those looking to upskill: Anyone interested in expanding their skillset and entering the mobile app development field.,UI/UX designers: Gaining a better understanding of the technical implementation of their designs in a React Native environment.,QA engineers: Learning React Native to better understand the framework and write more effective tests.