---
tags : code style
---

# 1. Code styling - part 1
## File code style
#### Top : *Type definition of "Proptypes"*

MyComponent.propType = {
    /* ... */
}

</br>

#### Middle : *Component function*

export defuault function MyComponent({}) => {
    /* ... */
}

</br>

#### Bottom : *Outside variables and functions*

const Variables = [ ];
function func() { };

</br></br></br>

## Component function code style

## Conditional rendering code style