Skip to content

Instantly share code, notes, and snippets.

class ExemploComponentWillUnmount extends React.Component {
constructor(props) {
super(props);
}
componentWillUnmount() {
//executa alguma ação
}
//outros metodos ...
class ExemploComponentWillReceiveProps extends React.Component {
constructor(props) {
super(props);
}
componentWillReceiveProps() {
//executa alguma ação
}
//outros metodos ...
class ExemploComponentWillMount extends React.Component {
constructor(props) {
super(props);
}
componentDidUpdate() {
//executa alguma ação
}
//outros metodos ...
class ExemploComponentWillMount extends React.Component {
constructor(props) {
super(props);
}
componentWillUpdate() {
//executa alguma ação
}
//outros metodos ...
class ExemploComponentWillMount extends React.Component {
constructor(props) {
super(props);
}
shouldComponentUpdate(nextProps, nextState) {
//alguma ação a ser tomada
}
//outros metodos ...
@guaracyalima
guaracyalima / componentDidMount.jsx
Created November 14, 2019 17:48
Ciclo de vida do react - componentDidMount
class ExemploComponentDidMount extends React.Component {
constructor(props) {
super(props);
}
componentDidMount() {
//executa alguma coisa depois da montagem do compoente no DOM
}
//outros metodos ...
@guaracyalima
guaracyalima / render.jsx
Created November 14, 2019 17:39
Ciclo de vida do react - render
class Clock extends React.Component {
constructor(props) {
super(props);
this.state = {date: new Date()};
}
render() {
return (
<div>
<h1>Hello, world!</h1>
@guaracyalima
guaracyalima / componentWillMount.jsx
Created November 14, 2019 17:23
Ciclo de vida do React
class ExemploComponentWillMount extends React.Component {
constructor(props) {
super(props);
}
componentWillMount() {
//executa alguma coisa antes da montagem do compoente no DOM
}
//outros metodos ...
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
<script>
angular.module("meuViadinhoFavoritoApp", []);
angular.controller("myCtrl", function ($scope) {
vm = this;
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
<script>
var app = angular.module("myShoppingList", []);
app.controller("myCtrl", function ($scope) {