HTML5 Slide Deck – Justin, that grin is suspicious – Coloured slides?



HTML5 Slide Deck – Justin, that grin is suspicious – Coloured slides?

0 2


agent008

Decoupled Offline Drupal 8 using PouchDB and React

On Github emarchak / agent008

Agent 008

Decoupled Drupal 8 using PouchDB and React

@jlongbottom / @emarchak / @myplanetHQ

@myplanetHQ

@jlongbottom

&

@emarchak

Why Decoupled Drupal 8?

What we are going to cover?

Business Cases & Technical Goals Technical Toolkit Build Process & Demo Afterthoughts Looking forward

Ask us questions at any time!

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

React

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

pouchDB/couchDB

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

Afterthoughts

  • How secure is Relaxed?
  • Is Relaxed preferable over custom controllers?
  • How feasible is pouchDB in production?

Looking Forward

  • Let the CMS do what it does best
  • Build native with CouchDB for Android and iOS
  • Unleash your front-end devs!

Thank you

@myplanetHQ

Agent 008 Decoupled Drupal 8 using PouchDB and React @jlongbottom / @emarchak / @myplanetHQ