Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn and Build React Native app from Scratch for Beginners
Rating: 3.7 out of 5(2 ratings)
23 students

Learn and Build React Native app from Scratch for Beginners

Build your first React Native app from scratch with this beginner-friendly course
Last updated 7/2023
English

What you'll learn

  • Learn the basics of React Native
  • Learn how to use Expo
  • Learn how to use Strapi
  • How to Build Complete Educational App

Course content

1 section17 lectures4h 29m total length
  • Introduction8:21

    Learn to build a beginner-friendly full-stack React Native app from scratch using Expo, Firebase authentication with Google sign-in, Strapi content management system, Cloudinary, and MySQL, including navigation and app publishing.

  • Create React Native App11:06
  • Login Screen UI17:41

    Learn to build a login screen for a beginner React Native course using Expo, featuring Google Sign-In authentication, local assets, and a styled, responsive UI.

  • Google Authentication21:29
  • Use Context and AsyncStorage23:44
  • Display User Info13:42
  • Install and Setup Strapi14:47

    Install and configure Strapi, connect it to MySQL and Cloudinary, and generate APIs without coding, enabling a customizable headless CMS for building the React Native app.

  • Create API and Fetch Data12:35

    Build a Strapi-backed slider in a React Native app by creating a slider content type and enabling an API token, then fetch data from /api/slider with populate=* using API source.

  • Display Slider on UI13:06
  • Display Course List27:54

    Display a horizontal video course list in React Native by fetching data from a Strapi endpoint, showing image, title, and topics with a reusable basic/advanced course component.

  • React Native Navigation13:44
  • Display Course Details22:16

    Build and refine a React Native course detail page with a back button, course image, title, author, and description, plus a flat-list of topics and interactive navigation.

  • Display Course Chapter20:17
  • Progress Bar in React Native6:38
  • Post API request19:44

    Learn how to post and fetch course progress in a React Native app using Strapi, including user id, course id, and content id, and display completion ticks.

  • Video Player Integration14:02

    Learn to integrate YouTube video playback in a React Native app by building a video course view, a play video page, and a YouTube iframe using WebView.

  • Export APK File8:16

    Learn to export an apk for a React Native education app using Expo, including configuring app.json slug and building with Android profile for installation on devices or sharing.

Requirements

  • No Programming experience needed.

Description

In this course, you will learn the basics of React Native, including the React Native component model, state management, and how to create native-looking user interfaces. You will also learn how to use Expo to build and deploy your React Native apps, and how to store and manage your React Native app's data with Strapi and MySQL.

By the end of this course, you will be able to:

  • Build your own React Native apps from scratch

  • Use the React Native component model to create native-looking user interfaces

  • Use state management to keep track of your app's data

  • Deploy your React Native apps to the App Store and Google Play

  • Store and manage your React Native app's data with Strapi and MySQL

What you will learn:

  • The basics of React Native

  • The React Native component model

  • State management

  • Creating native-looking user interfaces

  • Using Expo to build and deploy React Native apps

  • Storing and managing data with Strapi and MySQL

Who this course is for:

  • Beginners who want to learn React Native

  • Developers who want to build mobile apps with React Native

  • Anyone who wants to learn how to build native-looking user interfaces

Prerequisites:

  • Basic knowledge of JavaScript

  • A computer with Node.js installed

  • A text editor or IDE

What you will get:

  • Access to the course's video lessons and code exercises

  • A supportive community of learners

  • A certificate of completion

I hope you join me on this journey to learn React Native!

Who this course is for:

  • Who want to Develop Android and Ios app using React Native