More newlines for formatting
This commit is contained in:
parent
8d1d37c103
commit
a28a335df4
1 changed files with 7 additions and 0 deletions
|
@ -44,6 +44,7 @@ General Style
|
||||||
```
|
```
|
||||||
- Use parentheses or `\`` instead of '\\' for line continuation where ever possible
|
- Use parentheses or `\`` instead of '\\' for line continuation where ever possible
|
||||||
- Open braces on the same line (consistent with Node):
|
- Open braces on the same line (consistent with Node):
|
||||||
|
|
||||||
```
|
```
|
||||||
if (x) {
|
if (x) {
|
||||||
console.log("I am a fish"); // Good
|
console.log("I am a fish"); // Good
|
||||||
|
@ -55,6 +56,7 @@ General Style
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
- Spaces after `if`, `for`, `else` etc, no space around the condition:
|
- Spaces after `if`, `for`, `else` etc, no space around the condition:
|
||||||
|
|
||||||
```
|
```
|
||||||
if (x) {
|
if (x) {
|
||||||
console.log("I am a fish"); // Good
|
console.log("I am a fish"); // Good
|
||||||
|
@ -71,6 +73,7 @@ General Style
|
||||||
- Declare one variable per var statement (consistent with Node). Unless they
|
- Declare one variable per var statement (consistent with Node). Unless they
|
||||||
are simple and closely related. If you put the next declaration on a new line,
|
are simple and closely related. If you put the next declaration on a new line,
|
||||||
treat yourself to another `var`:
|
treat yourself to another `var`:
|
||||||
|
|
||||||
```
|
```
|
||||||
var key = "foo",
|
var key = "foo",
|
||||||
comparator = function(x, y) {
|
comparator = function(x, y) {
|
||||||
|
@ -88,6 +91,7 @@ General Style
|
||||||
var y = 0; // Also fine
|
var y = 0; // Also fine
|
||||||
```
|
```
|
||||||
- A single line `if` is fine, all others have braces. This prevents errors when adding to the code.:
|
- A single line `if` is fine, all others have braces. This prevents errors when adding to the code.:
|
||||||
|
|
||||||
```
|
```
|
||||||
if (x) return true; // Fine
|
if (x) return true; // Fine
|
||||||
|
|
||||||
|
@ -99,6 +103,7 @@ General Style
|
||||||
return true; // Not fine
|
return true; // Not fine
|
||||||
```
|
```
|
||||||
- Terminate all multi-line lists, object literals, imports and ideally function calls with commas (if using a transpiler). Note that trailing function commas require explicit configuration in babel at time of writing:
|
- Terminate all multi-line lists, object literals, imports and ideally function calls with commas (if using a transpiler). Note that trailing function commas require explicit configuration in babel at time of writing:
|
||||||
|
|
||||||
```
|
```
|
||||||
var mascots = [
|
var mascots = [
|
||||||
"Patrick",
|
"Patrick",
|
||||||
|
@ -120,6 +125,7 @@ General Style
|
||||||
Boolean variables and functions should always be either true or false. Don't set it to 0 unless it's supposed to be a number.
|
Boolean variables and functions should always be either true or false. Don't set it to 0 unless it's supposed to be a number.
|
||||||
When something is intentionally missing or removed, set it to null.
|
When something is intentionally missing or removed, set it to null.
|
||||||
If returning a boolean, type coerce:
|
If returning a boolean, type coerce:
|
||||||
|
|
||||||
```
|
```
|
||||||
function hasThings() {
|
function hasThings() {
|
||||||
return !!length; // bad
|
return !!length; // bad
|
||||||
|
@ -146,6 +152,7 @@ React
|
||||||
-----
|
-----
|
||||||
- Use ES6 classes, although bear in mind a lot of code uses createClass.
|
- Use ES6 classes, although bear in mind a lot of code uses createClass.
|
||||||
- Pull out functions in props to the class, generally as specific event handlers:
|
- Pull out functions in props to the class, generally as specific event handlers:
|
||||||
|
|
||||||
```jsx
|
```jsx
|
||||||
<Foo onClick={function(ev) {doStuff();}}> // Bad
|
<Foo onClick={function(ev) {doStuff();}}> // Bad
|
||||||
<Foo onClick={(ev) => {doStuff();}}> // Equally bad
|
<Foo onClick={(ev) => {doStuff();}}> // Equally bad
|
||||||
|
|
Loading…
Reference in a new issue