Goals

Business

• Technicians that maintain remote solar panel installations
• Newspage Managers that edit content while commuting
• Students with confined data limits

Technical

• Offline first
• View all the content, all the time!
• Drupal to JS, without middleware

Tools

Because it's 2016

Drupal 8

• Composer for dependency management
• "Fast by default"
• Required modules do not exist for D7
• RELAXed
• Deploy
• Multiversion

React

• Designed for “building large applications with data that changes over time”
• Composable Declarative Components
• Proven to work well with Drupal 8

pouchDB/couchDB

• Offline-first ≃ mobile-first
• "Stop treating a lack of connectivity like an error"
• All content is available, all the time!
• Content conflicts are elegantly handled
• Very dev friendly, very browser friendly 😊

pouchDB Setup

var localDB  = new PouchDB('pouchDBInstance');
var remoteDB = new PouchDB('http://couch/db/instance');

localDB.sync(remoteDB).on('complete', function () {
  // sync success :)
}).on('error', function (err) {
  // 'sync error :(
});
		          

Build Process & Demo

Build Drupal & Friends

Configure Relaxed

Create React App