React Native: Build Cross-Platform Mobile Apps

Uplatz provides this end-to-end course on React Native: Build Cross-Platform Mobile Apps. It is a self-paced course with recorded video lectures. You will be awarded Course Completion Certificate at the end of the course.

React Native is an open-source framework developed by Meta Platforms, Inc. that allows developers to build native mobile applications for iOS, Android, and other operating systems using JavaScript and React.

Essentially, it lets you create mobile apps with the feel and performance of a native app, but using the tools and technologies of web development. This means you can leverage your existing JavaScript and React knowledge to build robust mobile applications without needing to learn platform-specific languages like Swift for iOS or Java/Kotlin for Android.

If you're looking to get into mobile development, React Native is a great option to consider. It offers a powerful and efficient way to build high-quality mobile apps for multiple platforms, making it a valuable skill for any developer.

Some of the key features of React Native are:

• Cross-platform compatibility: Write code once and deploy it on both iOS and Android, saving time and resources.
• Native-like performance: React Native apps compile to native code, providing a smooth and responsive user experience comparable to apps built with platform-specific languages.
• Reusable components: Build modular and reusable UI components, making development faster and more efficient.
• Hot reloading: See changes instantly in the app without recompiling, speeding up the development process.
• Access to native modules: Leverage device-specific functionalities like camera, GPS, and sensors through native modules.
• Large and active community: Benefit from a vast community of developers, providing support, resources, and a wealth of third-party libraries.

Benefits of learning React Native:

• Increased efficiency: Build apps faster with code reusability and hot reloading.
• Cost-effectiveness: Develop for multiple platforms with a single codebase, reducing development costs.
• Improved performance: Create apps with native-like performance, providing a better user experience.
• Enhanced developer experience: Enjoy a more streamlined and efficient development process with React Native's developer-friendly features.
• Wider job opportunities: React Native is a highly sought-after skill in the mobile development industry, opening up more career opportunities.
• Easy to learn: If you already know JavaScript and React, learning React Native is relatively easy.

Reed Courses Certificate of Completion

Digital certificate - Included

Uplatz Certificate of Completion

Digital certificate - Included

• React Native - all lectures 19:13:11

  • 1: Introduction to React Native Preview 36:37
  • 2: Getting Started with React Native 16:53
  • 3: Mobile Development Basics 17:47
  • 4: Comparison between Native and React Native 26:54
  • 5: Android Studio 11:03
  • 6: Set up Expo CLI and Run the First Expo Project 16:07
  • 7: Styling with React Native 18:08
  • 8: Text, View and Image Components 10:27
  • 9: TextInput Component 17:01
  • 10: State with useState Hook 24:59
  • 11: Buttons and Touch Events Preview 27:53
  • 12: ScrollView 13:24
  • 13: FlatList and SectionList 38:46
  • 14: To-Do List App 19:23
  • 15: React Navigation 10:31
  • 16: Stack and Tab Navigation 19:07
  • 17: Customizing Headers and Navigation Options 17:36
  • 18: Passing Data Between Screens 11:44
  • 19: Handling Navigation State 14:32
  • 20: Working with Nested Navigators 14:34
  • 21: Setting up Drawer Navigation 16:29
  • 22: Implementing Modal Navigation 12:14
  • 23: Multi-Screen App with Different Navigation Methods 19:33
  • 24: Context API 17:28
  • 25: Redux in a React Native App 15:47
  • 26: Fetching Data with Axios or Fetch API 16:57
  • 27: Handling Loading States and Errors 16:30
  • 28: Persisting Data Using AsyncStorage 12:11
  • 29: Data-Driven App using Redux and Context API 21:03
  • 30: Setting up Styled-Components 15:49
  • 31: Creating Reusable Styled Components 16:22
  • 32: Basics of Animations in React Native 19:41
  • 33: Using the Animated API 17:17
  • 34: Fade, Scale, and Translate Animations 34:47
  • 35: React Native Gesture Handler 19:38
  • 36: Complex Animations and Interactions 38:55
  • 37: react-native-reanimated and react-native-screens 36:38
  • 38: Animated Splash Screen and a Carousel Component 38:00
  • 39: Working with the Camera API 25:22
  • 40: Using the Location API to get Device Location 29:11
  • 41: Accessing Device Sensors (Accelerometer and Gyroscope) 28:52
  • 42: Setting up Push Notifications in a React Native App using Expo 18:47
  • 43: Handling Notifications in React Native 22:26
  • 44: Managing Notifications in the Background 23:20
  • 45: Playing Audio and Video Files 20:56
  • 46: Recording Audio and Video in React Native using Expo 26:41
  • 47: Building a Media App in React Native Preview 25:23
  • 48: SQLite App 24:55
  • 49: User Authentication in React Native with Expo 31:24
  • 50: Techniques for Improving Performance 18:02
  • 51: Using the Profiler in React Native with Expo 15:36
  • 52: Building and Signing APKIPA Files in React Native with Expo 15:29
  • 53: Publishing Apps to Google Play and App Store 12:29
  • 54: When and Why to Eject from Expo in React Native 13:38
  • 55: Migrating from Managed to Bare Workflow in React Native with Expo 12:28
  • 56: Working with Native Code in React Native 19:27

React Native - Course Syllabus

1. Introduction to React Native

• Overview of React Native and comparison with other mobile frameworks.

2. Getting Started with React Native

• Installing Expo and creating your first React Native app.

3. Mobile Development Basics

• Understanding the mobile app development lifecycle.

4. Native vs React Native

• Pros and cons of native app development vs React Native.

5. Setting Up Android Studio

• Download and install Android Studio and set up a virtual device.

6. Styling in React Native

• Exploring different styling techniques for React Native apps.

7. Core Components: Text, Image, and Input

• Learn to use the Text, Image, and TextInput components in React Native.

8. Managing State with Hooks

• Introduction to state management using the useState hook.

9. Working with Buttons and Touch Events

• Learn to implement interactive buttons and touch gestures.

10. Scrollable Views

• Implementing ScrollView, FlatList, and SectionList.

11. Building a To-Do List App

• Create a simple To-Do List app using FlatList and styles.

12. React Navigation

• Implementing navigation using React Navigation with stack and tab navigators.

13. Passing Data Between Screens

• Learn how to pass data across different app screens.

14. Handling Navigation States

• Managing navigation state in complex apps.

15. Working with Nested Navigators

• Using nested navigators in a multi-screen app.

16. Customizing Navigation

• Customizing headers and navigation options for a unique app feel.

17. State Management with Redux

• Introduction to Redux and its use in React Native for state management.

18. Fetching Data from APIs

• Using Axios or Fetch to retrieve data from external APIs.

19. Persisting Data with AsyncStorage

• Learn to persist data locally using AsyncStorage.

20. Building Data-Driven Apps with Redux

• Building scalable apps driven by Redux and Context API.

21. Advanced Styling with Styled-Components

• Setting up and creating reusable styled components.

22. Animations in React Native

• Introduction to animations using the Animated API, including fade, scale, and translate animations.

23. Handling Gestures

• Implement complex animations and gestures using react-native-reanimated.

24. Working with Device APIs

• Access device features like the camera, location, accelerometer, and gyroscope.

25. Push Notifications with Expo

• Learn to set up and handle push notifications in React Native apps.

26. Playing and Recording Media

• Working with audio and video files, and recording media in React Native.

27. SQLite and Local Databases

• Learn to create and manage local databases using SQLite.

28. User Authentication

• Implement login, logout, and user authentication in React Native apps.

29. Optimizing Performance

• Techniques for improving app performance and profiling with Expo.

30. Building and Deploying Apps

• Steps to build, sign, and publish your React Native app to Google Play and the App Store.

31. Ejecting from Expo

• When and why to eject from Expo to the bare workflow.

32. Native Code Integration

• Working with native code in React Native for both iOS and Android.

Everyone

Passion and determination to achieve big goals!

• React Native Developer
• Mobile App Developer
• Front-End Developer
• Full-Stack Developer
• JavaScript Developer
• Cross-Platform Mobile Developer
• Software Engineer
• UI/UX Mobile Developer
• Mobile Software Engineer
• Application Developer
• Mobile Product Engineer
• Mobile Application Architect
• Senior React Native Engineer
• Mobile App Consultant
• Software Developer
• Application Developer
• Full Stack Solution Architect

Currently there are no Q&As for this course. Be the first to ask a question.