camelCase PascalCase snake_case kebab-case Camel Case (camelCase):

A best & reasonable approach to React and JSX… Basic Rules … Only include one React component per file. However, multiple Stateless, or Pure, Components are allowed per file. eslint: react/no-multi-comp. Always use JSX syntax. Do not use React.createElement unless you’re initializing the app from a file that is not JSX. react/forbid-prop-types will…

Overriding & Overloading JavaScript does not support overloading. JavaScript supports overriding, so if you define two functions with the same name, the last one defined will override the previously defined version and every time a call will be made to the function, the last defined one will get executed. Arguments Object function test(one,two){ console.log(arguments); //old…

What’s the Event Loop? You’ve probably heard that JavaScript is a single-threaded language. You may have even heard the terms Call Stack and Event Queue. Most people know that the Event Loop is what allows JavaScript to use callbacks and promises, but there’s a lot more to it. Without going into too much details…

React developers should be familiar with certain JavaScript code patterns. Once you understand these patterns, it is easy to review code written by other developers. 1. Class with constructor ES2015 introduces class keyword. Most developers use class with constructors to initialise object properties. We use state as an object property within a React component. …