Mobile Development / React Native

Projected Time

About 4 hours

• Lesson Slides: 20-30 minutes
• Guided Practice: 60 minutes
• Independent Practice: 2-3 hours
• Check for understanding: 15 minutes

Prerequisites

• React Lessons

Motivation

Mobile applications have revolutionized Mobile World, getting much more power in the hands of customers & more business in the pockets of the entrepreneurs. In the dynamic technology industry, the mobile application development market is at its peak. It is the need of the hour & the latest fruitful business trend.(by Sara Bhavsar)

Importance of mobile developement:

• The World has gone mobile
• Visible to Customers all the time
• Create a Direct Marketing Channel
• Build Brand and Recognition (by Sara Bhavsar)

Top mobile development companies:

• Hyperlink Infosystem
• Techahead

Objectives

Participants will be able to::

• Understand the difference between native apps, web apps, and hybrid apps
• Understand how mobile development differs from web development
• Learn about mobile platforms and their corresponding languages and frameworks
• Learn how to create an app using React Native
• Find resources for learning other mobile platforms

Specific Things to Learn

• The pros and cons of making native, web, or hybrid apps for mobile
• Differences between web and mobile workflow
• Introduce to the 3 mobile platforms and the technologies they are built with
• How to use React Native via tutorial

Materials

• Mobile Development Slides
• React Native Tutorial: Building Android Apps with JavaScript

Lesson

Read through the Mobile Development slides

Guided Practice

Work through this React Native tutorial:

• Build a TODO App Using Expo

Independent Practice / Challenge

• Spend the rest of your topic time (out of 4 hours total) converting one of your existing interactive projects into a React Native App. Be sure to start a new project/github repo.
• You should use Expo for your stack.

Supplemental Materials

React Native:

• Blog Article: What is React Native?
• React Native Docs
• Run your new React Native app on a mobile device.

iOS:

• Apple Docs: Swift
• Ray Wenderlich’s iOS tutorial (all his tutorials come highly recommended!)
• Stanford: Developing iOS 11 Apps with Swift
• iOS Developer Roadmap

Android:

• Google Docs: Android
• TutorialsPoint: Android Lesson
• Udacity Course from Google
• Android Developer Roadmap

Check for Understanding

Find a partner who you haven’t worked with today, and discuss:

• In 5-10 minutes each explain how you converted your project.
• What are the main differences between native, web and hybrid applications?
• List the most used languages and frameworks in Mobile Development.
• What resources did you find the most useful for Mobile Development?