Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
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
Created byTubeGuruji Academy
Last updated 7/2023
English
English [Auto],

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 section • 17 lectures • 4h 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

    Learn to create a React Native app with Expo, install Node.js and Expo globally, and test on mobile via Expo Go. Explore the project structure in VS Code.

  • 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

    Learn to implement Google sign-in with Expo, persist the user with AsyncStorage, and use an auth context to auto-navigate from login to home.

  • Display User Info13:42

    Display the user’s name and profile image on the home page, and add a search bar. Build a welcome header and search bar as separate components using auth context.

  • 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

    Learn to fetch slider data via API and display it as a horizontal flatlist in React Native by creating a slider component, mapping data to images, and styling for width.

  • 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

    Implement React Native navigations with the React Navigation library and Expo-supported stack navigation, enabling moving from a course list to a course details page, passing data via params.

  • 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

    Build a React Native course chapter view with navigation, a back button, and a horizontal flat list that presents topic titles, descriptions, and conditional input-output sections.

  • Progress Bar in React Native6:38

    Create a progress bar in a React Native course app using a third-party library, with screen width and 0 to 1 progress based on the current chapter.

  • 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

Report abuse