Skip to content

Instantly share code, notes, and snippets.

View Jahans3's full-sized avatar
:shipit:

Josh J Jahans3

:shipit:
View GitHub Profile
import MyComponent from '../MyComponent'
export default class MyContainer extends Component {
constructor (props) {
super(props)
this.state = {
// ...
}
}
import Button from '../Button'
import style from './style'
const MyComponent = ({ headerText, buttons }) => (
<View style={style.container}>
<View style={style.headerWrapper}>
<Text style={style.headerText}>
{headerText}
</Text>
</View>
export default class MyContainer extends Component {
contructor (props) {
super(props)
this.classPropertyA = 'something'
this.classPropertyB = 123
this.state = {
stateItemA: undefined,
stateItemB: 'default string'
export default class MyContainer extends Component {
classPropertyA = 'something'
classPropertyB = 123
state = {
stateItemA: undefined,
stateItemB: 'default string'
}
someMethod = () => {
export default MyContainer extends Component {
static propTypes = {
someProp: PropTypes.string.isRequired,
anotherProp: PropTypes.number
}
static defaultProps = {
anotherProp: 123
}
const mapStateToProps = state => {
const { someStore: { someProperty } } = state
const somePropertyPlusOne = someProperty + 1
return {
somePropertyPlusOne
}
}
class MyContainer extends Component {
// ...
@connect(state => {
const { someStore: { someProperty } } = state
const somePropertyPlusOne = someProperty + 1
return {
somePropertyPlusOne
}
})
export default class MyContainer extends Component {
// ...
const mapStateToProps = state => {
const { someStore: { someProperty } } = state
return {
someProperty
}
}
class MyContainer extends Component {
// ...
}
@reduxForm({ form: 'someForm' })
@connect(state => {
const { someStore: { someProperty } } = state
return {
someProperty
}
})
export default class MyContainer extends Component {
// ...
}
class MyContainer extends Component {
state = {
itemA: 'something',
itemB: 'another thing'
}
_onPress = () => {
// ...
}