Declare Objects and Arrays with const

Use Parameter Defaults

camelCase Variable Names

Use Asynchronous methods when possible

Initialize Variables

Prefer Destructuring

Best Practices 

Do not use Global Variables.

Line Length 100 Max

Use the === Comparison Operator

Use ESLint

2 Space Code Indentation

Index pages

Standards

How to do a Promise

Avoid async-await in a loop

How to use Async and Await

Loop an Array or Object async

Examples

JavaScript (JS) is a scripting programming language used with web browsers to make web pages interactive. It is part of the webframework (HTML, CSS, and JavaScript). Many Frameworks have been built on top of JavaScript such as React, JQuery, Angular, Node.JS and many more. JavaScript is loosely typed and is an interpreted language. JavaScript is Asynchronous and is single threaded.  Here you will find Standards, Best Practices and Examples for JavaScript.

JavaScript

Destructuring can make your code more readable by making it clear what data is being extracted from objects and arrays. This is especially useful when working with complex data structures. 

Destructuring is very flexible and can be used to extract data from a variety of different data structures, including objects, arrays, and even nested data structures.

Destructuring can improve the performance of your code by reducing the number of object and array lookups.

// No Destructuring //

const createFormState = useState<boolean>(false)
const disabled = !(formik.isValid && formik.dirty)

return (
  { createFormState[0] && (
    <LoadingButton loading={formik.isSubmitting} />
  )}  
)

// Destructuring

const [createForm, setCreateForm] = useState(false)
const {isValid, dirty, isSubmitting} = useFormikContext()
const disabled = !(isValid && dirty)

return (
  { createForm && (
    <LoadingButton loading={isSubmitting} />
  )}  
)

JavaScript : Best Practices Prefer Destructuring

JavaScript : Best Practices
Prefer Destructuring