journey2salesforce

Pascal Case, Camel Case, Kebab Case & Snake Case

In Lightning Web Component, we need to maintain the case for Class Name, Variable Name, Component Name etc.
Before going to describe, we need to focus on the respective cases.

Camel Case: Each word in the middle of the respective phrase begins with a capital letter.

Pascal Case: It is a subset of Camel Case where first letter always is capitalized.

Kebab Case: Respective phrase will be transferred to all lowercase with hyphen(-) separating words.

Snake Case: Respective phrase will be separated with underscore(_), no spaces, initial letter with lowercase and first letter with lowercase or uppercase.

So, we will check each case with this phrase “welcomeWindow“.

Camel CasePascal CaseKebab CaseSnake Case
welcomeWindowWelcomeWindowwelcome-windowwelcome_window
Generally, it's used in variable names.Generally, it's used in class names.At the time of component rendering or calling a component or set attribute name from other component in LWC, kebab case is used.Generally, it's used in C/Python language.

2,115 total views, 3 views today

Rating: 4.0/5. From 4 votes.
Please wait...

You may also like...