React Component Lifecycle
- getInitialState
- getDefaultProps
- componentWillMount
- componentDidMount
- shouldComponentUpdate (Update only)
- componentWillUpdate (Update only)
- componentWillReceiveProps (Update only)
- render
<div class="container"> | |
<div class="row"> | |
<div class="col-xs-12"> | |
<h1 class="heading">Nikola Tesla</h1> | |
<h2 class="heading"><em>The Father of Modern Power</em></h2> | |
<div class="well"> | |
<img class="col-xs-12" src="http://themindunleashed.org/wp-content/uploads/2015/05/nikola.jpg" alt="https://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwiM_9WQutHOAhVMKiYKHWykBBoQjRwIBw&url=http%3A%2F%2Fffden-2.phys.uaf.edu%2Fwebproj%2F212_spring_2015%2FJonathan_Newell%2Findex.html&bvm=bv.129759880,d.eWE&psig=AFQjCNEzvtXlxcFCr1qAE_UnmGWB6MBYsQ&ust=1471832675527207"> | |
<p>Source: <a href="http://themindunleashed.org/wp-content/uploads/2015/05/nikola.jpg">themindunleashed.org</a> | |
</div> |
React Component Lifecycle
"use strict"; | |
// Load plugins | |
const autoprefixer = require("autoprefixer"); | |
const browsersync = require("browser-sync").create(); | |
const cp = require("child_process"); | |
const cssnano = require("cssnano"); | |
const del = require("del"); | |
const eslint = require("gulp-eslint"); | |
const gulp = require("gulp"); |