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> |
| <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"); |