Recitation 7: Mobile + React Native

Staff Overview

• Nicholas Wernink & Alex Barrios
• Emails: ngw@andrew.cmu.edu & ambarrio@andrew.cmu.edu
• Office Hours: Wed 2:30 - 4pm (Nicholas), Thu 12pm - 1pm (Alex)

React Native

• Framework developed by Facebook
• Allows building mobile applications using JavaScript and React

Benefits

• Cross-Platform Compatibility - Develop for iOS and Android with a single codebase
• Native Look and Feel - Utilizes native components for a seamless user experience
• Fast Development - Write code once, deploy everywhere, reducing development time
• Community Support - Large community and ecosystem for resources and assistance

Usage of React Native

• Developers write code in JavaScript and React Native translates this code into native components, which are rendered for a mobile UI
• React Native is used to:
• Develop mobile applications
• Quickly build prototypes
• Develop MVP’s to validate concepts and gather user feedback

More about React Native

Swift

• Swift is a powerful and intuitive programming language developed by Apple
• Designed for building apps for iOS, macOS, watchOS, and tvOS

Key Features

• Safety - Offers built-in safeguards to prevent errors and improve code reliability
• Speed - Optimized for performance, allowing developers to write fast and efficient code
• Expressive - Concise syntax and modern features enhance readability and maintainability
• Interoperability - Seamlessly works with Objective-C, allowing integration with existing codebases

More about Swift

Kotlin

• Kotlin is a statically typed programming language developed by JetBrains
• Officially supported by Google for Android development since 2017

Key Features

• Conciseness - Reduces boilerplate code, making development more efficient
• Safety - Provides null safety features to prevent common runtime errors
• Interoperability - Seamlessly integrates with existing Java code and libraries
• Kotlin is compiled to bytecode like Java
• Functional Programming - Supports functional programming paradigms for cleaner code

More about Kotlin

React Native Expo Demo

1. Download the Expo Go app on your smartphone
2. git clone https://github.com/CMU-17-356/react-native-todo-app
3. yarn install
4. yarn start
5. Either view by scanning QR code on your mobile device or use a simulator on your computer