Mobile Development in React

Labs are due on Friday @ 12 midnight.

This Git Repo Contains the code from the in-class coding exercises :[Git Repo] [Snack]
Recommended Software:  Visual Studio Code (Mac, Windows, Linux)
Design Software: Sketch (Mac) | Lunacy (Windows) Figma (web platform)

Lectures Topic/Slides Video Lab Reading/Snacks
08/28/19 Javascript Functional Programming
Part I [PDF]
[Video] Due Friday 08/30/19
Lab: Getting Setup
[Book- Chapters 1-2]
09/02/19 Javascript Inheritance model
Part II [PDF]
[Video] [Book- Chapters 3- 5]
09/04/19 Javascript Design Patterns
Part III [PDF]
[Video] Due Friday 09/06/19
Lab: API &
09/09/19 Javascript Call Backs Promises
Part IV [PDF]
[Video] [Book – Async]
09/11/19 Javascript Async / Await
Part V [PDF]
[Video] Due Friday 09/13/19
Lab: Async Programs
09/16/19 Javascript Map Reduce
Part VI [PDF]
[Video] [Google Paper]
09/18/19 Reactive Design Paradigm
Intro to React [PDF] [Code]
[Video] Due Friday 09/20/19
Lab: Map & Jest
09/23/19 React Native Application
Introduction to React [PDF]
09/25/19 Layout CSS Deep Dive
Layout [PDF][Playground]
[Video] Due  Friday 09/27/19
Lab: Native Setup 
[Solution] [Video]
[CSS The Definitive Guide][CSS-Tricks]
[Demo APP 1 ]
[Demo Flex Box]
[Demo Splash Screen]
09/30/19 Component Architecture
Scroll View & List Views [PDF]
10/02/19 Component Architecture
Part II Scroll View [PDF]
[Video] Exam Review[PDF] [Scroll View Snack]
10/07/19 Reading Day 
10/09/19 Midterm Exam  Due Friday 10/11/19
Lab: Project Part 0
10/14/19  React Native Hooks
[Video] [React Conf 2018]
[Medium Post]
10/16/19 Navigation Architectures 
Stack/ Draw Navigation [PDF]
[Video] Due  10/18/19
Lab: Layouts & JSX
[Stack Navigation][Tab Navigator Snack]
[Tab Nav w/ Icons
[Styling Header Opt]
10/21/19 Component Architecture
Expo Components [PDF]
[Video]  [Map Snack]
[GPS location Snack]
10/23/19 Authentication & Secure [PDF]
Storage Local Storage [PDF]
[Video] Scoll Lab 
[Facebook Login ]
[Secure Storage]
10/28/19 Real-Time Databases 
Introduction [PDF]
[Video] [Firebase/FireStore Doc]
10/30/19 Real-Time Databases 
Schema Design [PDF]
[Video]   [Extension] [No More Confusion Firebase App Code]
11/04/19 Data Flow Architectures
Redux Part I [PDF]
[Video] [Redux I]
[Swift UI Data Flow]
11/06/19 Data Flow Architectures
Mobx Part II [PDF]
[Video] 11/08/19
Lab: Firebase Lab
Google’s Lab w /Code
[Mobx Doc]
11/11/19 Pub/Sub Architecture [PDF]
Analytics/Monitoring [PDF]
[Video] [Architecture Post]
11/13/19 Animations in React-Native I [PDF] [Video]  11/15/19
Project Check-In
[Animation Snack I]
11/18/19 React Animation II
11/20/19 Flutter Lecture [PDF] [Video] 11/22/19
Project Check II
BLE Library
11/25/19 Swift UI [PDF]  [Video] [flutter doc for React Native ] 
11/27/19 Thanksgiving Break 
12/02/19 Embedded Ecosystems
React Native BLE Library [PDF]
[Video] [AR Snack]
12/04/19 Project Presentation 12/06/19
Project Presentations
Final Exam Swift UI Essentials [PDF]

Embedded Kernels[PDF]

Office Hours

  • Professor Grahams’s office hours are in his office (Rice 411)
  • TA OH:
    • Zhifan Lu, Tu/Th 12-1pm, Rice 442, email:
    • Liuwang Kang, Tu/Th 5-6pm, Rice 220, email:

All professor’s office hours are open, meaning we will not close the door and have a private conversation during office hours. If you have sensitive matters to discuss, please email your professor to set up a separate time to visit about them.

Grading Policy

Grading is one of the aspects of a course that instructors enjoy even less than students. Still, we are stuck with them, so here goes.

Portion of course Percentage of Final Grade
Labs 30%
Midterm 15%
Final Exam 30%
Final Project 25%

Your final grade is computed based on the percentage of points you have earned and is designed to match the GPA value of each letter.
For some reason, that is not a linear scale: for example, A-B+ = 0.4-grade points while B+B = 0.3 grade points.
For some even more obscure reason, the most common grading scale I have seen is also not linear but differently spaced than the grade points.

You get if you score Which is worth
A+ near the top 4.0
A ≥ 93% 4.0
A− ≥ 90% 3.7
B+ ≥ 86% 3.3
B ≥ 83% 3.0
B− ≥ 80% 2.7
C+ ≥ 76% 2.3
C ≥ 73% 2.0
C− ≥ 70% 1.7
D+ ≥ 66% 1.3
D ≥ 63% 1.0
D− ≥ 60% 0.7
F otherwise

We do not round grades. 92.99% is not ≥ 93% and is thus an A−, not an A.

We do not curve grades: if you all fail, you all fail; if you all ace, you all ace.
However, rubrics for assignments are not linear: instead, we determine how well we expect a passing student to perform and assign a per-assignment rubric to match.
This is common practice for homework in CS; it is less common for exams.
Our exams might feel unusually difficult as a consequence.

Late homework submissions will receive a 10% penalty up to 48 hours late, and a 15% penalty up to 72 hours late, and will not be accepted past that time.
Late quizzes will not be accepted, but approximately 10% of quiz scores (probably two quizzes) will be dropped.
Late labs will usually not be accepted.
Exams makeups will be handled case-by-case as needed.

Academic Honesty

We expect all homework and quizzes to be completed individually except for some homework which we explicitly allow to be done with partners. You may not share code or consult assignment solutions from previous semesters. You may not share quiz questions before the quiz deadline. You are encouraged, however, to discuss the assignments in general and provide advice to other students that does not amount to sharing code, pseudocode, or instructions that otherwise essentially solve the assignment. We may use automated tools to look for similarities between homework submissions that suggest an excessive collaboration.

Labs may be done collaboratively, including sharing code. Your lab submissions should indicate who you worked with.

Quizzes are open-book and open-notes. Exams are closed-book, closed-notes, and administered in-class time.

Your submissions for labs and homework should not make extensive use of code found online. Incidental use (utility code that does not solve a significant part of any of the objectives of the assignment) is okay, but must be clearly cited. If you are unsure whether something would qualify as “incidental”, please consult the course staff first.

If we believe you have created, we may apply an arbitrarily harsh grade penalty up to and including an F in the course.
This penalty is independent of (and potentially in addition to) any findings of the University Honor System.

Students with disabilities or learning needs

It is my goal to create a learning experience that is as accessible as possible. If you anticipate any issues related to the format, materials, or requirements of this course, please meet with me outside of class so we can explore potential options. Students with disabilities may also wish to work with the Student Disability Access Center to discuss a range of options to removing barriers in this course, including official accommodations. Please visit their website for information on this process and to apply for services online: If you have already been approved for accommodations through SDAC, please send me your accommodation letter and meet with me so we can develop an implementation plan together

Discrimination and power-based violence

The University of Virginia is dedicated to providing a safe and equitable learning environment for all students. To that end, it is vital that you know two values that I and the University hold as critically important:

  1. Power-based personal violence will not be tolerated.
  2. Everyone has a responsibility to do their part to maintain a safe community on Grounds.

If you or someone you know has been affected by power-based personal violence, more information can be found on the UVA Sexual Violence website that describes reporting options and resources available –

As your professor and as a person, know that I care about you and your well-being and stand ready to provide support and resources as I can. As a faculty member, I am a responsible employee, which means that I am required by University policy and federal law to report what you tell me to the University’s Title IX Coordinator. The Title IX Coordinator’s job is to ensure that the reporting student receives the resources and support that they need, while also reviewing the information presented to determine whether further action is necessary to ensure survivor safety and the safety of the University community. If you wish to report something that you have seen, you can do so at the Just Report It portalThe worst possible situation would be for you or your friend to remain silent when there are so many here willing and able to help.

Religious accommodations

It is the University’s long-standing policy and practice to reasonably accommodate students so that they do not experience an adverse academic consequence when sincerely held religious beliefs or observances conflict with academic requirements.

Students who wish to request academic accommodation for a religious observance should submit their request in writing directly to me by Piazza private message as far in advance as possible. Students who have questions or concerns about academic accommodations for religious observance or religious beliefs may contact the University’s Office for Equal Opportunity and Civil Rights (EOCR) at or 434-924-3200.


I trust every student in this course to fully comply with all of the provisions of the University’s Honor Code. By enrolling in this course, you have agreed to abide by and uphold the Honor System of the University of Virginia, as well as the following policies specific to this course.

· All graded assignments must be pledged.

· All suspected violations will be forwarded to the Honor Committee, and you may, at my discretion, receive an immediate zero on that assignment regardless of any action taken by the Honor Committee.

Please let me know if you have any questions regarding the course Honor policy. If you believe you may have committed an Honor Offense, you may wish to file a Conscientious Retraction by calling the Honor Offices at (434) 924-7602. For your retraction to be considered valid, it must, among other things, be filed with the Honor Committee before you are aware that the act in question has come under suspicion by anyone. More information can be found at Your Honor representatives can be found at: Additionally, [Support Officer, if any enrolled], an Honor support officer enrolled in this class, is also available for questions.

Deploying  & Testing[PDF]

Simple Android App[PDF][Github]

Final Project Resources [FinalProjectDoc]  [Design Files]

Free EDU version of Sketch [link]

Great Resources: