Still showing the older version of Lightning Components in browser ??

 Technical Lead  @ Salesforce   Practice  @ Zen4orce   | PD1 | MCTS | Salesforce | Lightning | .NET | SharePoint | jQuery/UI | JavaScript | BootStrap | Aura

Technical Lead @Salesforce Practice @Zen4orce | PD1 | MCTS | Salesforce | Lightning | .NET | SharePoint | jQuery/UI | JavaScript | BootStrap | Aura

by Mustafa Jhabuawala

Blog: https://mustafajhabua.wordpress.com/

Component Caching Settings

This is one of my favorites that a lot of people are struggling with these days.

The settings you really need to aware of while developing lightning components.

Problem – When you are in development mode, you modify a component then you try to refresh your browser and it still shows you the old version of that component and then you keep doing refresh and wonder why it’s not showing you your changes

Solution – It’s because lightning framework caches component at the client side, avoiding extra round trips to the server to load the definition of a component

During development, this can irritate a developer the solution is Component Cache Settings

post-1.png

 

Enable secure and persistent browser caching to improve performance” – Uncheck this option

This will disable the browser caching and the component definition will be loaded from the server every time, so you don’t have to hit refresh multiple times.

Note – This setting is selected by default for all orgs. Salesforce doesn’t recommend disabling this setting.

Disable this setting only in development phase.

Happy Coding 🙂

Useful links –

Modify Session Security Settings

Lightning Components With Jitendra Zaa

 Salesforce MVP, Evangelist, Architect, 17x Salesforce Certificates

Salesforce MVP, Evangelist, Architect, 17x Salesforce Certificates

Jitendra Zaa, is a Salesforce MVP working on Salesforce Platform since 2008 and has 17 Salesforce Certificates in his arsenal. In 2016, he got a chance to write a book on Apex design patterns. He has been a technical reviewer of many Salesforce books like Enterprise patterns in Salesforce, Introduction to Chatter, Visualforce cookbook, Mastering Salesforce CRM Administration etc.

His Blog attracted 840k+ visitors in 2016, and 600k+ visitors in 10 months of 2015, making it one of top viewed blogs in Salesforce. 

Jitendra has been putting out great lightning content that can be found here. Below are the last five lightning component entries, make sure to visit Jitendra's blog and subscribe to stay up to date on all of the great content!

Learn Salesforce Lightning with Examples - VinayChaturvedi.com

  @ Salesforce   MVP | 5*Certified | Blogger |  @ SFDC_UG_Noida   &  @ SFDC4Students   Leader | Principal Consultant  @ dazeworks   | SFCommunity Profile -  http://sforce.co/28TYblq

@Salesforce MVP | 5*Certified | Blogger | @SFDC_UG_Noida & @SFDC4Students Leader | Principal Consultant @dazeworks | SFCommunity Profile - http://sforce.co/28TYblq

Learn Salesforce Lightning with Examples is the series where we would share the key practical examples and experiments with lightning. We are focusing on Lightning Components for now and hope we come up with great stuff later in other lightning features as well.

Using Recruiting App

Keeping in mind that our readers might be interested to practice along with us, so We decided to use Recruiting App for all the metadata reference to make sure Users need not create anything extra and just install Recruiting App by Salesforce Labs and you all good to go.You can download the app from AppExchange 

Used Bootstrap for styling purposes

Download Bootstrap to give some styling from http://getbootstrap.com/.Upload BootStrap cssto static resource.We would refer the path of this css later in our code .

Code at Github

You can also download the code for this series from the github repository

https://github.com/VinayChaturvedi/Learn-Salesforce-Lightning-with-Examples/

Posts done till now :

  • Learn Salesforce Lightning with Examples – Part 1 (Creating Records using Lightning Components).
  • Learn Salesforce Lightning with Examples – Part 2 ( Handling Apex Messages using Lightning Components).
  • Learn Salesforce Lightning with Examples – Part 3 (Display and Select list of records using Wrapper Class in Lightning Component)
  • Learn Salesforce Lightning with Examples – Part 4 (Select and Export records in Lightning Component)

All these blogs could be found here :

http://www.vinaychaturvedi.com/category/blog-series/salesforce-lightning/

Stay tuned and there will be more soon .

Admin Hero Lightning Posts

Brent Downey @brentdowney

  @ salesforce   MVP and  # adminhero   enthusiast. Blogger. Coloradan. Husband. Father. Prone to fits of uncontrollable laughter.

@salesforce MVP and #adminhero enthusiast. Blogger. Coloradan. Husband. Father. Prone to fits of uncontrollable laughter.

Admin Hero has been a go to blog for everything Salesforce. Brent has recently added the Lightning Experience Topic which so far includes:

Customizing Salesforce’s Lightning Experience

Is Your Salesforce Org Ready for Lightning Experience?

10 User Experience Issues in Lightning Experience that Need Fixing

Make sure to check these posts out and subscribe to the blog to keep up on the latest from Admin Hero. Thanks for this great contribution Brent!

Classic to Lightning Checklist

By: Amit Chaudhary @amit_sfdc

Lightning Experience

Lightning Experience is a new, modern user interface. Lightning Experience includes many new feature and entirely redesigned pages, but not every Salesforce feature is supported in Lightning Experience.

 Things to consider before you start:

1)  Check which org is qualified for Lighting

2) Evaluate Your Org

Go to Setup -> "Lightning Experience" then click on evaluate button

Then check your report.

1. Start Learning JavaScript

While working on VF pages we might not get a chance to use the JavaScript  fully because VF pages component has native javascript functionalities like dynamic refresh element  , button click events, action function etc. If you're not familiar with JavaScript then start learning javaScript.

2. Business logic

We are using  VF page as UI (view) and apex class for business logic but in the lightning component, We need to write all our business logic at client side with in the lightning component and use apex classes  as server side component to perform DML operations.

3. UI

Mostly VF page tag provide the native salesforce classic UI but in the lightning component we need to use lightning design to get salesforce lightning experience for our components. So be aware of lightning design system when you begin your development.

A lightning component bundle consists of several attributes.

EVERYTHING YOU NEED TO KNOW ABOUT LIGHTNING COMPONENTS!

By: Akhil Anil @akanil403

  4 x Certified Salesforce Consultant   Answers Community Contributor   Salesforce ISV Partner   Salesforce Blogger   Salesforce Enthusiast

4 x Certified Salesforce Consultant
Answers Community Contributor
Salesforce ISV Partner
Salesforce Blogger
Salesforce Enthusiast

So, now it’s been a while lightning components are here while most of us are still going down the path of VF pages for custom development. I feel that it’s high time that we master ourselves with the art of building Lightning components in the Force.com platform as by now it’s more than obvious that Lightning is the way ahead for Salesforce.

I have been blogging about lightning components for a while now and thought of bringing them all under one umbrella so that one can get an end-to-end idea of building Lightning components and eventually master the art.

A lightning component bundle consists of several attributes. I will try explaining the most important ones among them below

  1. Controller – This is the javascript client side controller of the bundle which will basically control almost everything that the component is supposed to do. Most importantly, if the component needs to call an apex function, then the call is directed through this client side controller.
  2. Helper – This is again another javascript client side controller whose only purpose is to simply accomodate all the re-usable methods in the client side controller, hence aptly named as the “Helper”. The helper methods cannot be directly called from the component. Instead a call to the helper method is directed through the client side controller. Helper should only be used if you have a re-usable method that needs to be called several times in the controller.
  3. Style – The styling for the component can be controlled through this Style.
  4. Renderer – This attribute is only used when you have to change the DOM during the component rendering. The Renderer has several native methods defined within them like “BeforeRender”, “AfterRender”,”ReRender” etc. These methods can be overridden if you want to render something while the component loads.

The below list will give you the basics of everything you need to be aware of while building a lightning component.

Lightning Component Tutorial Part 1 – Build your first Lightning Component

This tutorial should give you an idea about lightning components and will walk you through a hands on example of building your first lightning component.

 

Lightning Component Tutorial Part 2 – Introduction to Lightning Events

Here I have tried my best to explain about lightning events. This is one of the most powerful tools of the lightning framework that will allow you to build your own custom lightning events and thereby connect all the lightning components in your application with each other. Events are the righteous way for lightning components to talk to each other.

 

Lightning Component Tutorial Part 3 – Lightning components talk to each other with Events

This post will give you a detailed example on lightning events and will help you understand how to build a custom lightning event that will allow the components to be navigated from one component to another. Though we now have a native lightning event to navigate the components, it’s important to understand this example as it will help you build your fundamentals in lightning events.

Lightning Component Tutorial Part 4 – Lightning component navigation redefined

In the Winter’17 release, Salesforce came up with a big surprise to all the lightning developers with an inbuilt event to navigate between components which made the life of Lightning developers a lot more easier. I have tried to explain how to use this event and how different it is from using a custom lightning event.

Lightning Component Tutorial Part 5 – Call the Apex server side action with Lightning Component

Apex classes has been the backbone of all applications  in Salesforce. Hence it becomes crucial to understand how a Lightning component will interact with Apex classes in Salesforce. I have tried to keep this example simple by eliminating all the styling from the component and by concentrating more on the flow of the control when an Apex class method is called from a Lightning component.

Lightning Component Tutorial Part 6 – Incorporate the Lightning Design System into your Lightning Component

Lightning components are never complete without incorporating the Lighting Design System into your Lightning component. They are native style sheets build within the component and you just have to use the right tags and style classes in your component so that the look and feel of your component matches with that of the Standard Salesforce Lightning Experience.

When Lightning Strikes

By: Pritam Shekhawat @pritamsfdc

Madly In Love With #Salesforce #Blogger | #askforce | Community Lover 3x #Salesforce Certified #SuccessCommunity - Profile https://goo.gl/X5zx9I

 I am Salesforce Certified Platform Developer I,Certified developer and Salesforce certified Administrator . Most important thing which I like about Salesforce is giving back.I am an active and a consistent contributor to the Salesforce Community. I am a big fan of Answers Community where I have been answering for almost 2 years, My count is over 6900 answers now and I am inspired to never stop contributing. I also write blogs, mainly focused on Lightning.

I am Salesforce Certified Platform Developer I,Certified developer and Salesforce certified Administrator . Most important thing which I like about Salesforce is giving back.I am an active and a consistent contributor to the Salesforce Community. I am a big fan of Answers Community where I have been answering for almost 2 years, My count is over 6900 answers now and I am inspired to never stop contributing. I also write blogs, mainly focused on Lightning.

“Salesforce Is More Thunderous When Lightning Strikes”

If you didn’t know already, ‘Lightning’ is the modernization of the salesforce user interface.

If you’re an active Salesforce User/Admin/Developer/Consultant, you’re familiar with the Salesforce new user interface delivered with Lightning Experience!

The overall intent of the redesign is to make the data and tools more accessible so that Sales Reps can work more effectively and close deals faster with fewer clicks.

What’s New?

Aesthetically, the Lightning Experience interface is more modern, with a focus on using visual elements to display information and a more intuitive and effective use of screen space.

Lightning Experience is the new, modern user experience and interface for using Salesforce. It’s not just a faster, prettier version of Salesforce; it’s also an entirely new way of interacting with your org. Compare the differences between the Lightning Experience and Salesforce Classic display screen examples shown below that encourage us to switch to Lightning:

Home Page view

Here’s a side-by-side comparison of the record in both UIs:

Here’s how easy it is to create, edit, and interact with an Account list view:

Here’s a comparison of our normal dashboard in Classic and the revamped version I built in Lightning:

Best Use Cases for Lightning Experience

If you’ve gone through the list of supported features, and you’ve done an assessment of what’s in your organization, and you’ve weighed all the rad stuff you’ll get against what you can’t live without, then you’re probably starting to decide if you’re ready to enable Lightning Experience. But if you’re still not sure, here’s one last comparison chart.

Consideration Before Switching to Lightning

Step 1 : Evaluate Your Org

When you log into your Salesforce org, go to your Setup page.  Under the search bar in the left hand nav, click on the option entitled “Lightning Experience.” Great!  You’ve made it to the Lightning Experience Migration Assistant, which is the place to learn about Lightning Experience and migrate to Lightning Experience.  When you’re ready, look under the section entitled “Evaluate if Lightning Experience Is Right for Your Org,” and look for the topic entitled “Check Your Lightning Experience Readiness.”  Next to this topic, you’ll see a link called “Evaluate.” Click it!

Step 2 : Check Out Your Results

Step 3. Preview Your Org in Lightning Experience

4. Learn About Lightning

As an Admin, it’s important for you to learn as much as you can about Lightning so you can be your company’s Lightning expert. Your expertise in Lightning will be invaluable as more executives and end-users start asking about it.

There are many different resources for you to learn about Lightning. The best place to start is Trailhead. Here are the different trails you can explore:

learn1.png

Get Started with Lightning Experience

Also, be sure to review the release notes. Each release, brand new Lightning features become available and classic features are updated in Lightning.

 

Helpful Resources when Switching to Lightning

There are a number of online resources available to help you determine if the ‘Lightning Experience’ is right for your salesforce environment. In the meantime, head on over to salesforce Trailhead and access the projects listed below to find out more about the features, compatibility and roll out considerations.

1. Lightning Experience Features

2. Lightning Experience Basics

3. Lightning Experience Roll-out

4. Quick Look: Lightning Experience

5. Customize Activity Composer – Lightning Experience

6. Actions Missing from Activity Composer on Standard Objects

 

Join Salesforce Success Community Chatter Group Lightning Now!

 Migrating to Lightning Experience

Lightning Component Resources :

1.    http://paulbattisson.com/blog/

2.    http://www.jitendrazaa.com/blog/salesforce/getting-started-with-basics-of-lightning-component/

3.    http://peterknolle.com/lightning-component-inheritance/

 

I've hereby compiled a small list of quick tips that need to be considered while moving to Lightning :

1.    Custom Javascript and URL buttons are not available -  So you can use Global Action with pre defined fields in lightning to convert your URL hack button.

2.    Convert your Javascript button in Lightning - https://developer.salesforce.com/blogs/developer-relations/2016/09/why-its-time-to-break-up-with-javascript-buttons-and-embrace-lightning.html

https://developer.salesforce.com/blogs/developer-relations/2016/09/take-the-first-steps-ways-you-can-replace-javascript-buttons.html 

3.    Auto-populating standard forms via url (query string parameters) is not available - User can use Global Action with pre defined fields in lightning to convert your URL hack button.

4.    Any visualforce pages developed previously which uses Salesforce CSS tags or heavily javascript will need thorough testing

5.    Visualforce pages using standard UI tags get rendered as Salesforce classic.

6.    Use free app “ Lightning Adoption Tracker” from appexchange to Track who can use lightning, who is using lightning, and more !!

7.    Use Sforce.one navigation methods instead of window.location while developing in Lightning.