Offline-friendly react-native apps

https://david-talks.netlify.com/offline

План:

1. Подходы;
2. Плохие практики;
3. Наш опыт;
4. Примеры.

Подходы

Не упоминать о оффлайне

• Airbnb;
• Instagram;
• Snapchat;
• Gmail.

Ничего не показывать

• YouTube.

Заявить о потребностях ...

• Мессенджеры;
• Realtime приложения.

Возможно не стоит...

1. Постоянно напоминать о оффлйне;
2. Блокировать доступ к критическим данным;
3. Забывать о юзере (разлогин);
4. Использовать NetInfo для проверки оффлайн режима.

NetInfo — это не про оффлайн!

How quickly add offline support

• react-native-offline set of utilities
• redux-persist for redux state
• Realm
• WatermelonDB (hi legacy)
• Something your

С чего начали

1. Api layer (testing, refresh tokens);
2. Normalization (JSON API heavy response);
3. Serialization (json, dates fields);
4. Cache manager;
5. Clean strategy.

Реализация

В реальности общение с API не обходиться только id

Using offline fallback

Handle errors

Вопросы ?