Architecting Lightning Components for Community Builder
-
Upload
michael-welburn -
Category
Technology
-
view
444 -
download
0
Transcript of Architecting Lightning Components for Community Builder
Architecting Lightning
Components for Community
Builder
@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