Progressive Decoupling React + Drupal + Apache Solr November 9, - - PowerPoint PPT Presentation

progressive decoupling
SMART_READER_LITE
LIVE PREVIEW

Progressive Decoupling React + Drupal + Apache Solr November 9, - - PowerPoint PPT Presentation

DRUPAL CAMP ATLANTA 2018 Progressive Decoupling React + Drupal + Apache Solr November 9, 2018 Prepared by Chris Russo, CEO Drupalcamp Atlanta 2018 WHO AM I? SESSION GOALS CASE STUDY: THE APP EOMEGA.ORG/SEARCH PREVIOUS SEARCH


slide-1
SLIDE 1

DRUPAL CAMP ATLANTA 2018

Progressive Decoupling

React + Drupal + Apache Solr

November 9, 2018 Prepared by Chris Russo, CEO

slide-2
SLIDE 2

Drupalcamp Atlanta 2018

slide-3
SLIDE 3
slide-4
SLIDE 4

WHO AM I?

slide-5
SLIDE 5
slide-6
SLIDE 6

SESSION GOALS

slide-7
SLIDE 7

CASE STUDY: THE APP EOMEGA.ORG/SEARCH

slide-8
SLIDE 8

PREVIOUS SEARCH

slide-9
SLIDE 9

Live Demo

EOMEGA.ORG/SEARCH

slide-10
SLIDE 10

OUR CLIENT

slide-11
SLIDE 11

Terminology

slide-12
SLIDE 12

TRADITIONAL DRUPAL

Browser

Drupal DB

slide-13
SLIDE 13

DECOUPLED / HEADLESS DRUPAL

slide-14
SLIDE 14

PROGRESSIVE DECOUPLING

Browser

Drupal DB

slide-15
SLIDE 15

DRUPAL SEARCH ECOSYSTEM

Search API Core Search Search API Autocomplete Search API Pages Search API Solr Search Apache Solr Search

slide-16
SLIDE 16

APACHE SOLR Drupal DB

Index Browser

slide-17
SLIDE 17

APACHE SOLR

Browser

Drupal DB

Index

slide-18
SLIDE 18

PREVIOUS SEARCH UI

slide-19
SLIDE 19

Progressively Decoupled Architecture

PDA

slide-20
SLIDE 20

ARCHITECTURE

Browser

Drupal DB

Index

proxy.php

slide-21
SLIDE 21

ARCHITECTURE EOMEGA.ORG/SEARCH

slide-22
SLIDE 22

ARCHITECTURE EOMEGA.ORG/SEARCH

slide-23
SLIDE 23

AUTOCOMPLETE

Browser

Drupal DB

Index

proxy.php

slide-24
SLIDE 24

React Architecture

slide-25
SLIDE 25

Terminology

slide-26
SLIDE 26
slide-27
SLIDE 27
slide-28
SLIDE 28
  • REACT SOLR CONNECTOR COMPONENT
slide-29
SLIDE 29

Back To Demo

slide-30
SLIDE 30

Challenges Considerations, and Tips

slide-31
SLIDE 31
  • CHALLENGES AND TIPS
slide-32
SLIDE 32

Going Forward

slide-33
SLIDE 33

CASE STUDY: THE APP EOMEGA.ORG/SEARCH

slide-34
SLIDE 34

Thanks!

@SAVASLABS CHRIS@SAVASLABS.COM