![Page 1: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/1.jpg)
Make You, & Your Clients, Happyby using Reusable Componentsto Build Drupal Sites
Trent StromkinsFront End Development [email protected] • github.com/bmx269 • @bmx269 • d.o: bmx269
![Page 2: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/2.jpg)
Reusable ComponentsWhat do you mean?
![Page 3: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/3.jpg)
![Page 4: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/4.jpg)
![Page 5: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/5.jpg)
![Page 6: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/6.jpg)
![Page 7: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/7.jpg)
1760Mass production of screws using lathes
1841J Witworth suggests standardizing thread pitch & count per diameter
1860His proposal became standard practice in Britain
100 YEARS AFTER MASS PRODUCTION !!!
![Page 8: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/8.jpg)
What about this?
Slideshows
![Page 9: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/9.jpg)
Or this?
News Listings
![Page 10: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/10.jpg)
These can all be the same component.
![Page 11: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/11.jpg)
Features Right?That is just one part of the puzzle
![Page 12: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/12.jpg)
Events ListingExample Reusable Component
Exporting the work to a Feature is one step of making a
component. Making the component reusable by the client / site
admin / developer makes it valuable.
Drupal Piece Specific Item DescriptionEvent Content Type Event Category Taxonomy Used to categorize the Events.
Display Suite View Modes •IMG Left Teaser•IMG Top Teaser•Featured Teaser•etc
Build the layouts of your displays
Views Content Pane •Exposed Taxonomy Filter•Content: (your View Mode)•Allow Pane Settings
This is where the magic happens. Exposing the Views settings to the Panel editor.
Panels / Panelizer Staff Name Edit and formatting
Panopoly Magic Views Content Panes Better UI. Previews & exposed View Modes
![Page 13: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/13.jpg)
![Page 14: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/14.jpg)
![Page 15: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/15.jpg)
![Page 16: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/16.jpg)
![Page 17: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/17.jpg)
Next LevelCustom Entities
![Page 18: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/18.jpg)
Splash Image / SlideshowExample Reusable Component
This is a dynamic optional Splash Image or Slideshow. Using ECK,
Flexslider 2, Entity Reference, Inline Entity Form, and Views.
I wanted to make the slideshow management experience as easy to manage as adding images to a node.
Considerations:
Option to add a Splash image or Slideshow to any page
Easy to use and manage by the client
Reusable Slides
Reusable on other projects
Methods:
Separate Content Type / Views (Flexslider View Display) - More training. Not easily managed.
Rotating Banner Slideshow Module – Easy to use. Non-reusable Slides. Block Training
Field Collection / Views (Flexslider View Display) – Easy to use. Poor UI. Reusable with some work.
ECK, Entity Ref., Inline Entity Form, Views (Flexslider View Display) – Easy to use. Better UI. Reusable.
![Page 19: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/19.jpg)
Use ECK to create the Entity
Use an Entity Reference Field
![Page 20: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/20.jpg)
![Page 21: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/21.jpg)
Inline Entity Splash
Referencing Existing Splash
![Page 22: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/22.jpg)
The Listing
Editing an Item
![Page 23: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/23.jpg)
Now Features?Yes, Now.
![Page 24: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/24.jpg)
Exporting the workThis is not that hard to do.
Create your Feature, keeping naming generic, &
version it.
You will need to save the Content Type, Entity Types,
Fields, Taxonomy, Display Suite settings, View Modes,
Views, along with any other parts to your component.
You now have a few Reusable Components.
If you don’t know how to use Drupal Features, there are a lot of
helpful tutorials, and helper modules.
![Page 25: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/25.jpg)
Products?I thought you were talking about components?
![Page 26: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/26.jpg)
ProductsOwn each component
When each Reusable Component is considered a product on it’s
own, we can provide a higher quality result, with less time spent
per website developed. This means more money.
This may sound like hopes and dreams, but in reality, it is the essence of the industrial revolution.
Benefits of components as Products:
Better with Reuse
Feature Set Refinement
Quality Control
Business Analysis
Project Planning
Documentation is Clear
Training and Augmentation
![Page 27: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/27.jpg)
Client HappinessThis can happen… Really.
![Page 28: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/28.jpg)
Client HappinessThis can happen… Really.
EasyManagement
ClearDocumentation
QualityFeatures
![Page 29: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/29.jpg)
Even Further Make the Benefits Full Circle
![Page 30: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/30.jpg)
ProductsOwn each component
Benefits of components as Products:
Better with Reuse
Feature Set Refinement
Quality Control
Business Analysis
Project Planning
Documentation is Clear
Training and Augmentation
![Page 31: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/31.jpg)
Sales / PM Client SupportDevelopment
![Page 32: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/32.jpg)
Client SupportDevelopment
Sales Documentation
Easier Estimation
Clear Feature Set
Pricing Structure
Business Analysis
Project Planning
Training and Augmentation
Sales / PM
![Page 33: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/33.jpg)
Client SupportDevelopment
Sales Documentation
Easier Estimation
Clear Feature Set
Pricing Structure
Business Analysis
Project Planning
Training and Augmentation
Developer Documentation
Better with Reuse
Feature Set Refinement
Development Speed
Sales / PM
![Page 34: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/34.jpg)
Client SupportDevelopment
Sales Documentation
Easier Estimation
Clear Feature Set
Pricing Structure
Business Analysis
Project Planning
Training and Augmentation
Developer Documentation
Better with Reuse
Feature Set Refinement
Development Speed
Client Documentation
Ensured Quality
Set Training for Components
Sales / PM
![Page 35: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/35.jpg)
ORLY?Ask me some questions
![Page 36: Making you, and your Clients Happy, by Using Reusable Components to Build Drupal Sites](https://reader037.vdocuments.site/reader037/viewer/2022100501/55a22da01a28abf3348b45dc/html5/thumbnails/36.jpg)
Make You, & Your Clients, Happyby using Reusable Componentsto Build Drupal SitesTrent StromkinsFront End Development [email protected] • github.com/bmx269 • @bmx269 • d.o: bmx269
Thank You