React Native workshop #2 snippet

week_2_demo_5.js

import React, { Component } from 'react';
import { View, TextInput } from 'react-native';
export default class App extends Component {
  constructor(props) {
    super(props);
    console.log("constructor");
  }
  componentWillMount() {
    console.log("component will mount");
  }
  componentDidMount() {
    console.log("component did mount");
  }
  componentWillReceiveProps() {
    console.log("component will receive props");
  }
  shouldComponentUpdate() {
    console.log("should component update");
    return true;
  }
  componentWillUpdate() {
    console.log("component will update");
  }
  componentDidUpdate() {
    console.log("component did update");
  }
  componentWillUnmount() {
    console.log("component will unmount");
  }
  render() {
    console.log("render");
    return (
      <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
        <TextInput style={{width: '80%', fontSize: 24}} />
      </View>
    );
  }
}