This course teaches the fundamentals of cross-platform mobile application development with a focus on the React Native framework (RN). The goal is to help students develop best practices in creating apps for both iOS and Android by using Javascript and existing web + mobile development paradigms. Students will explore the unique aspects that made RN a primary tool for mobile development within Facebook, Instagram, Airbnb, Walmart, Tesla, and UberEats.
| Application | The course is limited to 20 students, who will be selected by application. The application is currently closed. |
| Date/Time | T/Th 1:30PM - 2:50PM |
| Location | Econ 139 |
| Units | 2 Pass/Fail |
| Instructors | Santiago Gutierrez (santig@stanford.edu)
Abdallah Abuhashem (aabuhash@stanford.edu) |
| Faculty Sponsor | James Landay (landay@stanford.edu) |
| Staff email | cs47si-win1718-staff@lists.stanford.edu |
| Office hours | Abdallah: Mon 12:00PM - 2:00PM at Forbes Cafe
Santiago: Thu 04:30PM - 06:30PM in Lathrop Library (Learning Hub / Tech Desk) |
| Prerequisites | At least one of the following: CS142, CS193P, CS193A (or equivalent Web/Mobile development experience) |
| Explore courses | CS47SI |
Course logistics and basic overview of React Native.
Introduction to Javascript (ES6), JSX and Babel. We will be exploring the structure of a React Native app and creating an application from scratch.
Creating and styling interfaces using basic components. StyleSheet + Flexbox.
Creating and controlling components using State and Props.
We will be modifying our code from last class and introducing new components. ScrollView, TextInput, and Lists.
This class is divided into two parts! We will use and "break" third party components.
Overview of JS promises. Persistence of data using AsyncStorage and SQLite.
Different navigtors (Stack, Tab, Drawer) using React Navigation.
Topics: history and development of RN, internal uses (Instagram), and state management via Redux.
We will be putting some navigation concepts to practice.
Building a navigator for the Unsplash API.
Continuation from last lecture!
We will use Firebase to build a chat room application. Part of advanced topics.
Discussion about React Native projects with Native code. Native modules.
Demo of Realm (local storage database) and animations.
Demo of Realm (local storage database) and animations.
Charlie Cheever (CEO) talks about Expo+RN now and in the future.
Live-demo + Q&A.
NOTE: you might need to be logged in to your Stanford account to access some content.
Website template powered by Stanford's CS 42