---
# System prepended metadata

title: 1. Code styling - part 1
tags: [code style]

---

---
tags : code style
---

# 1. Code styling - part 1
## File code style
#### Top : *Type definition of "Proptypes"*
```javascript
MyComponent.propType = {
    /* ... */
}
```
</br>


#### Middle : *Component function*
```javascript
export defuault function MyComponent({}) => {
    /* ... */
}
```
</br>


#### Bottom : *Outside variables and functions*
```javascript
const Variables = [ ];
function func() { };
```
</br></br></br>

## Component function code style


## Conditional rendering code style

