Architecting Lightning

Components for Community

Builder

michael.welburn@gmail.com

@MichaelWelburn

Michael Welburn Salesforce Engineer, Twitch

Michael WelburnSalesforce Engineer, Twitch

9 x

What is Community Cloud?

Collaborate with people outside your company using your Salesforce data• Customers• Partners• Employees

Each Community is a “mini-Salesforce” instance tied to your org• Support for multiple Communities against 1 Salesforce instance• Record data can be shared between environments• Chatter data segmented between each Community

Community Cloud Customization in the Past

Previous Options• Salesforce Classic Tabs• Visualforce & Force.com Sites• Site.com

Moving away from Visualforce & Force.com Sites• Developer required for all changes• No standard implementation across Communities

• Page-centric development is not reusable• Standard Salesforce interfaces not mobile responsive• Salesforce is prioritizing Community Templates for new functionality

Community Builder

Evolution of Community Cloud into Community Builder• Community Templates / WYSIWYG• Color Picker• Image Uploads• Page Creation• Object & Custom Pages• Standard Components

• Support for custom Lightning Components• Salesforce Lightning Design System (SLDS)• Design Tokens• Component Events

• Mobile Responsive

Creating Maintainable Custom Branded Communities

Community BuilderDemo

Basic Requirements

Implement the forceCommunity:availableForAllPageTypes interface• That is it!

Enabling a Lightning Component to be used in Community Builder

Basic Requirements

Create a defaultTokens.token bundle extending force:base

Within the Style portion of custom Lightning Component, leverage token(fontFamily) syntax

Leveraging Design Tokens for Configurable Branding

Basic Component SetupDemo

Respecting Community Security & Configuration

Be aware of configurable Community Preferences• Community Nickname vs Full Name

Ensure your Data is scoped correctly• Data may be accessible in a Community where it is not applicable• Zones• Chatter Groups• Data Categories

Community NuancesDemo

Next Steps & Resources

What is Community Cloud?• http://bit.ly/CC-FAQ

Community Builder Overview• http://bit.ly/CBOverview

Lightning Components Developer Guide

• http://bit.ly/LC-DG

Trailhead for Communities• http://bit.ly/trailheadcc

Source Code• http://bit.ly/MW-DF16Code

Set Up Your First Community• http://bit.ly/SetupCommunity

Using Templates to Build Communities

• http://bit.ly/UsingTemplates

Configure Components for Communities

• http://bit.ly/ConfigComponent

Network Object API Definition• http://bit.ly/NetworkAPI

Standard Design Tokens for Communities

• http://bit.ly/DesignTokens

All links available at http://bit.ly/MW-DF16

Thank Y u