Task #221910 : React JS Coding Standards Conventions

[rushi-tekdi]

Pull Request Description

Description:

This PR introduces a comprehensive set of coding standards and conventions for our React JS codebase. The goal is to ensure consistency, maintainability, and high quality across the project by adhering to established best practices and guidelines.

Summary of Changes:

1. Code Style Guide

   • Added a detailed .md documents outlining the coding standards and conventions for React JS.
   • Includes guidelines on component structure, naming conventions, state management, hooks usage, and JSX syntax.

2. Linter and Formatter Configurations

   • Configured ESLint with relevant plugins and rules tailored for React JS.
   • Configured Prettier for consistent code formatting.
   • Added configuration files .eslintrc.json and .prettierrc.

3. NPM Scripts

   • Added scripts to package.json for running linters and formatters locally:

     {
       "scripts": {
         "lint": "eslint 'src/**/*.{js,jsx}'",
         "lint:fix": "eslint 'src/**/*.{js,jsx}' --fix",
         "format": "prettier --write 'src/**/*.{js,jsx,json,css,md}'"
       }
     }

4. Documentation

   • Included detailed instructions on setting up and using ESLint and Prettier in the .md document.
   • Provided examples and best practices to help developers adhere to the standards.