Salesforce Lightning Web Components | Salesforce Tutorial | Edureka

Key Takeaways

foreign [Music] I welcome you all in today's session about Salesforce lightning web component in today's session let's dive deep into some real-time lightning web components followed by its Essentials but before we go ahead if you haven't already make sure to subscribe to the edurix YouTube channel to never miss out on any updates from us also if you are looking for Salesforce administrator and developer training course do check out the link given in the description below let's move ahead with our agenda for today firstly we study what are Salesforce lightning web components followed by history of lightning web components then we make some comparison between the components of Salesforce which are aura components and lightning web components and at last we take out some advantages of lightning web components moving ahead guys firstly we see what is Salesforce lightning web components so guys you need to understand that these online components are a Cutting Edge UI framework for creating responsive and adaptable online applications in the sales form platform it means that it's a way of writing code that facilitates the development of reusable parts of Salesforce applications also using some of the advantages of common web Technologies like JavaScript and HTML now next we move on to the history of Salesforce lightning web components create websites using Salesforce platform you can make use of lightning web components framework let's take a quick look back into the past reveals so guys in its winter 19 release Salesforce introduced lightning web components which is a new programming model for creating lightning components next Salesforce web components framework is now an open source after the complete release date in February 2019 allowing the developers to utilize the facilities outside of the Salesforce ecosystem next followed with the release of spring 19 Salesforce made lightning web components available to everyone this represented a radical departure from how developers had previously constructed UI elements on the Salesforce platform next in terms of adoption by the community lightning web components quickly acquired popularity among developers and also businesses as a framework for creating Dynamic user interface lastly with constant improvements Salesforce has been giving enhancing and modernizing lightning web components with also frequent releases including the addition of new features optimizations and tools that was quite some history about Salesforce lightning web components so guys moving on we make some comparison between the components of Salesforce which are aura components versus the lightning web components well protex components are efficient Frameworks for building Salesforce app these components have gained popularity among programmers because of its compliance to the current web standards and also enhance performance let's study them both one by one when we talk about other components in terms of its established framework or a components is a more natural framework than lighting web components because it was released by Salesforce already before next in terms of component modeling application development can be accomplished using this framework which is a component based approach in which each components can have their own distinct set of HTML Java and CSS next when we talk about client-side rendering this majority of the rendering for Aura components occurs from the browser hence the term is client-side rendering moving on we talk in terms of even driven architecture so confidence in an even driven architecture can exchange information by publishing and subscribing to the events lastly in terms of complex initialization logic longer load times may be experienced by some uses due to auras more complicated startup Logic for its components so Guys these were quite some Basics about Auto components let's compare it with lightning web components now in lightning web components when we talk about the modern web standards this latest web technology was developed using Cutting Edge web Technologies like JavaScript HTML5 and css3 it can be really closer to the Norms of the modern web design and developments next in terms of web component standard lightning weight components are more compatible with the other web Technologies and Frameworks because it follows web component standards when we talk about in terms of Shadow Dom for encapsulation in order to keep the components styling and functionality from affecting or being affected by other components on the same page lightning wave components employ Shadow Dom per encapsulation that is quite its feature in terms of server side rendering first initial loads and improved speed on the low end devices with this component because lightning weight components use server-side rendering lastly in terms of simple initialization this initialization procedure is less complicated than for that of Aura components lastly moving on to the advantages of Salesforce lighting web components there are a number of benefits of the lightning web components which are provided for Developers for working with the Salesforce platform firstly let's talk about in terms of web standards compliancy so HTML JavaScript and CSS are all used in the development of lightning web components this implies that developers can make use of their experience with web programming to quickly get up and running on Lightning weight component in terms of reusability components of Salesforce are built using the reusability in mind are built with reusability in mind as a result developers are encouraged to take modular approach to software creation in which the modules are built once and then reused in various contexts next in terms of lightweight and fast action so the light weight of the component is one factor in the Boost in performance as it provides to the Salesforce software this is fundamental in ensuring a fluid and quick user experience moving on in terms of security and isolation lightning weight components use shadow dome to enclose and isolate components making them safe and reliable this improves security and isolation by preventing by preventing Styles and scripts within the component from affecting or being affected by those of the other components on the same page lastly in terms of even driven architecture while lightning weight components interact with one another by events in an even driven architecture operations such as decoupling and modular designing is made possible by the ability to post and subscribe to events this facilitates application upkeep and growth so finally let's talk about how to start your journey with lightning weight components so getting started with Salesforce lightning web components is a fun step to building modern interactive web apps on the Salesforce platform let's talk a step-by-step guide to help you get started so firstly you'll need to prepare your applications environment for development once you have done that using your command prompt next you have to make sure that you install or happen to install node.js and npm so you can get these from their respective official websites and then install them next you need to install the Salesforce command line interface this is an interface for which the Salesforce provides a variety of tools for managing your operations you can get it by downloading it from a developer website of Salesforce lastly you can choose Visual Studio code as your editor which is a popular code editor which has excellent support for Salesforce development and even has extensions that are designed expressly for lightning wave components although it is not strictly necessary installing vs code is recommended then you need to create a developer account on Salesforce if you don't already have one you will then have access to the organization through which you may create and test your lightning weight components I hope you enjoyed the video guys make sure to give it a thumbs up and stay notified for our further updates by clicking the Bell icon like always thank you and wish you happy learning I hope you have enjoyed listening to this video please be kind enough to like it and you can comment any of your doubts and queries and we will reply them at the earliest do look out for more videos in our playlist And subscribe to edureka channel to learn more happy learning