Mobile Development in React

Feel free to login to the online textbook if you want to track your progress through the videos. 

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 Book Lecture Assignments
1 Javascript The Basics
Part I [PDF]
[Book- Chapters 1-2]
[Video] [Lecture]
pass: 6H^*t4l#
2 Javascript Objects Part I
Part II [PDF]
[Book- Chapters 3- 5]
3 Javascript Objects Part II
Part III [PDF]
[Video] [Lecture] [PDF]
pass: 3h$?fR2d
4 Javascript Call Backs Promises
Part IV [PDF]
[Book – Async]
5 Javascript Async / Await
Part V [PDF]
[Great Talk Event Loop]
[Loupe Tool]
[Video] [Lecture] [PDF]
pass: 0J#!U2BB
6 Javascript Map Reduce
Part VI [PDF]
[Google Paper]
[Video] HW: Async Programs
Due: May 21  11:00pm
7 Reactive Design Paradigm
Intro to React [PDF] [Code]
Components & State [PDF]
[Video] [Lecture][PDF]
Pass: 4U=e?^o5
8 Expo & 1st Native Application
Introduction to React [PDF]
[Video] HW: Map & Reduce Due:  May 25 11:00pm
9 Layout CSS Deep Dive
Layout [PDF][Playground]
[CSS The Definitive Guide][CSS-Tricks]
[Video] [Lecture][PDF]
Pass: 1M?$#10Y
10 Building Screen Part I [Video] HW: Joke HW First App
Due: May 28  11:00pm
11 Building Screens Part II [PDF]
12 Building Screens Part III [PDF] [Video]
13 Testign &  Debugging & Deployment  [PDF]
[Video] HW: Layouts & JSX
HW: FlexFroggy
Due: June 1 11:00pm
14 Navigation Architectures 
Stack/ Draw Navigation Part 1 [PDF]
15 Navigation Architectures 
Stack/ Draw Navigation II
16 Authentication & Secure [PDF]
Storage Local Storage [PDF]
[Video] Scroll HW Part I
Due: June 3  11:00pm
June 3 Midterm Exam [In Class ]
[Key for Feb 21]
Past Midterm
18 Facebook Login Complete Flow [Video]
19 React Native Hooks Part I
[React Conf 2018][Medium Post]
[Video] Navigation HW
Due: June 4  11:00pm
20 React Native Hooks Part II
21 React Native Hooks Part III [Videos]
22 Data Flow Architectures
Redux Part I [PDF]
[Video] [Swift UI Data Flow]
[Mobx Doc]
Scroll HW Part III
Due: June 7  11:00pm
23 Data Flow Architectures
Redux II [PDF]
24 Data Flow Architectures
Redux III
[Video] [Architecture Post]
25 Real-Time Databases 
Getting Set Up
[Video] Redux HW
Due: June 9  11:00pm

Real-Time Databases 
Authentication Basics 

[Video] [Firebase/FireStore Doc]

Real-Time Databases 
Overview & Concepts
Google’s Lab w /Code


Real-Time Databases 
Schema Design II


Real-Time Databases 
Security Rules

[Video] Firebase HW
Due: June 10
June 12

Midterm II
[Take Home Coding Assignment]

31 [PDF]


React Animation I [PDF]


React Animation II 

[Video] [] Animation HW
Due June 12 11:00pm

Machine Learning &
Expo Component Part I [PDF]



Machine Learning &
Expo Component Part II 


Machine Learning &
Expo Component Part III

June 13

Final Project Presentation
[Upload Video Demos to the Class Forum] 

[Last Day Video] Project 
Due:June 13 11:00pm


Pub/Sub Architecture [PDF]


Embedded Ecosystems React to Native BLE Library [PDF]

BLE Library

Flutter Introduction [PDF]
[flutter doc for React Native ] 

Office Hours

  • TA OH:
    • On Zoom  (By appointment only  Alexandra Grace email-id: amg2mu)

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
Home Work 30%
Midterms  (12.5% + 12.5%) = 25%
Final Project 45%
Extra Credit 1% for every 10 typos found in Assignments

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.

We will use the grade cut off decided by the collab team.

We do not round grades.

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.

No late home work accepted.

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 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 for 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.