PROGRAMERO

Os componentes no React, assim como recursos de diversas outras tecnologias, possui um ciclo de vida bem definido, ou seja, sabemos exatamente as etapas executadas da criação a destruição de um componente. Os métodos do ciclo de vida de componentes são invocados em diferentes momentos, e eles podem ser organizados em três grupos: "mounting" onde são montados na tela, "updating" onde são atualizados e "unmounting" onde são desmontados e removidos da tela. Mounting Nesse momento temos a inicialização, a construção dos componentes (pré/pós) e a renderização. constructor Chamado antes que o componente seja montado: getDerivedStateFromProps Executado antes da renderização (render): render Único método puro, devendo sempre se manter puro, ou seja, sem modificar o estado do componente: componentDidMount Executado após a montagem do componente: componentWillMount (legado, não deve ser usado)

Hesitação significa morte Observar, Orientar, Decidir, Agir. Saiba onde você está, avalie suas alternativas, tome uma decisão e aja!  Olhe para fora para obter respostas Sistemas adaptativos complexos seguem algumas regras simples, que são captadas do ambiente.  Equipes excelentes  São multifuncionais, autônomas e capacitadas, com um propósito transcendente.  Não adivinhe Adote o ciclo PDCA. Planeje, faça, verifique, aja. Planeje o que você vai fazer. Faça. Verifique se o produto alcançou o resultado desejado. Aja em relação a isso e mude a forma como está fazendo as coisas. Repita o processo em ciclos regulares e, desse modo, alcance um aperfeiçoamento contínuo. Shu Ha Ri Primeiro, aprenda as regras e as formas. Quando tiver domínio delas, inove. Por fim, em um estado elevado de maestria, descarte as formas e apenas seja – com todo o conhecimento internalizado e as decisões tomadas quase inconscientemente. Trechos do excelente livro "Scrum: The Art

No exemplo anterior vimos o "props", capaz de armazenar propriedades que podem ser compartilhadas entre os componentes, e hoje veremos o "state", ambos são parecidos, porém o "state" é privado e controlado integralmente pelo componente. Também veremos eventos que serão capazes de alterar o estado de nosso componente assim como veremos como se comporta o ciclo de vida de um componente. State Como já foi dito, o "state" é privado e pertence ao componente, ele também possui outras peculiaridades: Modificando o estado Só é permitida a atribuição no construtor da classe, logo a única forma de alterar um valor no estado é por meio do método "setState", abaixo exemplo de atribuição no construtor e de alteração em um método chamado "alterarEstado": cosntructor(props) {     super(props);     this.state = { nome: 'Adamastor'}; } alterarEstado(novoNome) {     this.setState({         nome: novoNome