Best Practices

Declare Objects and Arrays with const

Use Parameter Defaults

camelCase Variable Names

Use Asynchronous methods when possible

Initialize Variables

Prefer Destructuring

Standards

Do not use Global Variables.

Line Length 100 Max

Use the === Comparison Operator

Use ESLint

2 Space Code Indentation

Index pages

Examples

How to do a Promise

Avoid async-await in a loop

How to use Async and Await

Loop an Array or Object async

Standards

When to use PascalCase

Best Practices

Avoid using the "any" type

Avoid using Non-primitive types

Type Inference

Examples

Use enums

Use Interfaces

Extend Interfaces

Standards

Components are PascalCased

Use React Plugin for ESLint

useState only for dynamic data.

Best practices

Organizing Imports

Large props should not be HTML inline

Use TypeScript or PropTypes

Examples

useEffect

Forward Props in Groups

useContext

Custom Hook : Member Activity Log

useReducer

Standards

Use contrastText

Standards

Use GitHub flow

Standards

Index pages in directory

Standards

Lowercase all HTML Elements

Lowercase all HTML attributes

Nest Child HTML Elements

Examples

Comming soon.

Standards

Never Nest more then 3 deep

Invert Happy path out of code

File Names

Best Practices

Code > Comments

Standards

Restructuring Files