The part of the website that shows the members of RDS This page is hosted on: https://members.realdevsquad.com/

You can find a detailed guide here!

1. Run yarn dev
2. Visit dev website: https://dev.realdevsquad.com

• External Libraries
• Internal Libraries
• Components
• Types
• Images
• CSS

• Make Atomic commits of changes, even if they are across multiple files in logical units.
  • Add displayName to make the Header clear
  • Remove unused date format
  • Chore change library version
• It's alright to add a Description even if it's big we want to understand things just by reading the commit description at times.

• Follow a simple Convention

feat: creating new features
mod: modifying existing feature
opti: for optimization existing flow
hotfix: you know what it means
poc: for proof of concept
refact: for  cleanup and refactor

• the names shall be short & self descriptive

example

/*BAD*/
const value = 5; //what is this value ?
const isPagination = true; // what does it do ?

/*GOOD*/
const initialIndexValue = 5;
const isPaginationEnabled = true;

• avoid & follow

//bad
const onItmClk = () => {};

//good
const onItemClick = () => {};

const onProceedBtnClick = () => {};

• Files that are used in another specific file name them using the following convention
• avatar.types.ts, avatar.constants.ts, specific components used in parent component inside the same folder itself
• example folder structuring https://www.joshwcomeau.com/react/file-structure/

• Description
• files changed: local or package?
• Screenshots
• Dev sanity