Sharing Is Caring:

React Native IOS and Android App Development for Beginners

Learn the basics of react native in nice and easy way. Get ready to start building real apps for IOS and Android.

Free tutorial

4.4

Created by Ryan Dhungel

English

What you’ll learn

  • Get up and running with react native
  • Build UI components
  • Build multiple screens
  • Implement navigation
  • Implement WebView
  • Taking user input
  • Signup and signin screens
  • React state
  • Reusable components
  • Splash screen
  • Flex CSS Layout
  • Using expo
  • Using IOS and Android simulators

Requirements

  • Understanding of JavaScript
  • Basics of ReactJs
  • Capable to follow documentation to install simulators(softwares) in your computer
  • Comfortable using terminal/command prompt

Description

Have you ever wanted to build mobile apps for IOS and Android platforms? With this course, you will be able to get up and running with react native in very short time.

With react native you will be able to build an app for both platforms using a single codebase. If you already know the basics of react, getting started with react native is really easy.

Even if you have no prior knowledge of react, I will show you how you can prepare yourself for this course.

This course is also great for web developers who want to dive into the field of mobile app development.

This course will help you get up and running with react native so that you can learn how to build UI components in react native. You will learn to build multiple screens and implement navigation too.

Read Also -->   Fastest Laravel app building trick

You will also learn to implement WebView, which will allow you to wrap your existing website in your app so that you can serve your website as an app to your users with any real effort of re-creating the entire app in react native. That sounds amazing right?

There are many real world use cases used in this course that you can use while building any other react native apps in future. For example taking user input, creating signup and signin screens, learning reactive state management, creating reusable components, customizing splash screen, learning flexbox CSS for creating desired layout etc.

We will also be using expo to build react native apps which makes things even more easier. Using IOS and Android simulators is also covered in this course so that you can run your app in simulators in your computer however real device (your iphone/android phone) can also be used to test your app.

Join me in this course and take your excitement of learning react native to build IOS/Android apps to reality.

Who this course is for:

  • React developers wanting to learn React Native
  • Interested to learn React Native to build IOS and Android Apps

Show less

Course content

5 sections • 20 lectures • 1h 56m total lengthCollapse all sections

Introduction3 lectures • 19min

  • Are you new to JavaScript React and NodeJs?00:33
  • Expo and simulators07:38
  • Installing and trying in simulator and expo app10:54

React Native Basics5 lectures • 27min

  • Understanding native components05:16
  • Flex layout and positioning05:47
  • Components props and destructuring07:30
  • Splash screen logo04:23
  • Webview04:12

Building A Project5 lectures • 31min

  • Starting the project02:52
  • Text component08:30
  • Input component06:02
  • Reusable component07:29
  • Updating the state06:17
Read Also -->   WordPress Beginners Course (2022) for Students

TextInput ScrollView and Image5 lectures • 38min

  • Customize text input10:12
  • Button using touchable opacity07:48
  • Using axios12:59
  • Image component07:04
  • Continue this course00:15

Bonus2 lectures • 1min

  • Other courses you may like00:42
  • Join my Discord server00:12

👇👇👇👇 Click Below to Enroll in Free Udemy Course 👇👇👇👇

Go to Course

👇👇 See Also 👇👇

Join Us Join Us Join Us
Sharing Is Caring:

Leave a Comment

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock