The document outlines a lesson plan for creating an offline-first app using React Native, focusing on syncing tasks with a server and managing local state flags. It highlights challenges in handling various use cases, especially when offline or online, and emphasizes the need for physical device testing. Additional resources for development and testing are provided for reference.

1. Jump into React-
Native 6/6
Waqqas Jabbar
6th July 2018

2. What you learned previously
1. REST API
2. Redux-Saga

3. 1. Offline syncing
What you will learn today

4. What you will do today
● Make offline-first app
● Add functionality to sync each task with server
● Add local flags to determine the state of each task
○ _synced: (boolean) Whether this row is synced with server or not
○ _deleted: (boolean) Whether this row is deleted by the user or not
● Other flags
○ id: Identifier of the task on server. Used to determine if the task is synced with server or not

5. Challenges
● Handling all use cases is difficult
● Different use case when in offline/online
● Testing requires physical device

6. Set App Icon
● https://github.com/dwmkerr/app-icon

7. Reference
● https://github.com/rtfeldman/seamless-immutable
● https://github.com/kolodny/immutability-helper
● https://github.com/gnestor/react-native-statusbar-alert
● https://developer.mozilla.org/en-
US/docs/Web/JavaScript/Reference/Global_Objects/Object
● https://developer.mozilla.org/en-
US/docs/Web/JavaScript/Reference/Global_Objects/Array
● https://github.com/dwmkerr/app-icon