Download to read offline
Uploaded byWaqqas Jabbar
Jump into React-Native (Class 6)
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.
Jump into React-Native (Class 6)
- 1. Jump into React- Native6/6 Waqqas Jabbar 6th July 2018
- 2. What you learnedpreviously 1. REST API 2. Redux-Saga
- 3. 1. Offline syncing Whatyou will learn today
- 4. What you willdo 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 alluse 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