<aside> 🚨 Please make sure you READ and UNDERSTAND the menu structure below

</aside>

JS / JSX / TSX

Always follow the naming convention that exists in the system,

File convention

• PascalCase / UpperCamelCase / StudlyCase

/////////////////
//WRONG 
/////////////////
FAQpage.jsx

/////////////////
//WRONG 
/////////////////
faqpage.jsx

/////////////////
//WRONG 
/////////////////
faqPage.jsx

/////////////////////////////////
/////////////////////////////////
//CORRECT
/////////////////////////////////
/////////////////////////////////
FAQPage.jsx

Naming convention

• camelCase / dromedaryCase

/////////////////
//WRONG 
/////////////////
const CertContainer = 1

/////////////////
//WRONG 
/////////////////
let certcontainer = 1

/////////////////////////////////
/////////////////////////////////
//CORRECT
/////////////////////////////////
/////////////////////////////////
const certContainer = 1

/////////////////////////////////
/////////////////////////////////
//CORRECT
/////////////////////////////////
/////////////////////////////////
let certContainer = 1

Please make sure while naming variables it makes sense

BAD EXAMPLE

CORRECT

const {assignId} = updateTaskInfo;

JS / JSX

• Don’t use var

/////////////////
//WRONG 
/////////////////
var a = 1;

/////////////////////////////////
/////////////////////////////////
//CORRECT
/////////////////////////////////
/////////////////////////////////
let a = 1;
//or
const a = 1;

use “??” syntax to flip conditions instead of “! ?:”