Bricks  with Paragraphs  and without them

Drupal Meetup Zurich

Anton Staroverov

26 October 2017

www.wearewondrous.com

meetup.com/zurich-drupal-meetup

Life

Me

Anton Staroverov

Design System Architect
at WONDROUS

Bricks

drupal.org/project/bricks

Bricks

  • Field type (extended Entity Reference) + widget (extended IEF)
     
  • Field items are stored as a Flat Table (can be loaded w/o recursion)
     
  • Field items are rendered recursively
     
  • View mode, CSS class per field item

Bricks

  • Works with any Entity type (one per field, but DER can change that)
     
  • Two types of references:
    • Regular Entities
    • Layouts!
       
  • Draggable UI (tabledrag.js from Drupal core)

Paragraphs

drupal.org/project/paragraphs

Paragraphs

  • Custom Content Entity + custom widget
     
  • Paragraphs are "stored" per page - not reusable [yet]
     
  • Focus on revisioning
     
  • Behaviors (to customize output)

with

Bricks + Paragraphs

  • Let's keep all content-focused features of Paragraphs
     
  • ... and empower them by draggable UI and performance of Bricks
     
  • Shortly: Paragraphs for content, Bricks for layout

Bricks + Paragraphs

  1. No redundant Entities (two columns example)
     
  2. Transparent relation between hosting page and referenced content (layout not matter)
     
  3. Better reusability and performance

with   out

BrickS + [ECK] + IEF

  • If you don't care about revisions or want to control them manually
     
  • Use with Custom Block (core), ECK Media or any other Entity type (yes, with Paragraphs also)
     
  • Same widget as in Commerce (IEF)

BrickS + [ECK] + IEF + DER*

  • No need to "wrap" Entities in another Entities
     
  • Reference anything explicitly and arrange in layout you want
     
  • Will be possible with IEF + DER

BrickS

Use case: Inner content (blog post body)

  • Revision-friendly

Use case: Landing page

 

  • Simple, contrib-friendly

Bricks + Paragraphs

No need to choose!

Use them both!

Distro time!

  • Fractal
  • UI Patterns
  • Bricks
  • Paragraphs

drupal.org/project/atomic

Thank
You.

@tonystarring

Anton Staroverov

anton@wondrous.ch

Bricks with Paragraphs and without them

By Anton Staroverov