PROGRAMERO

Olá meus queridos! Hoje daremos inicio a uma série de postagens falando sobre Design Patterns e utilizaremos o C# para demonstra-los. Essa (e as próximas postagens) são uma iniciativa após o meu ingresso nos excelentes cursos da Alura sobre essa temática, porém lá a linguagem utilizada é Java. Minha intenção aqui é passar por cada padrão mostrando na prática como resolver problemas cotidianos que já foram pensados e resolvidos. Mas do que se trata "Design Patterns"? Segundo a Wikipédia "padrão de projeto (do inglês design pattern) é uma solução geral para um problema que ocorre com frequência dentro de um determinado contexto no projeto de software", ou seja, para a maioria dos "problemas" mais comuns que enfrentamos no dia a dia já existem soluções propostas, testadas e amplamente utilizadas. Desse modo evitamos "reinventar" a roda para problemas comuns e melhor, escrevemos código padronizado que qualquer pessoa que também conheça os padrões ir

Como visto anteriormente, o fluxo de informações no React é unidirecional, partindo sempre do componente pai para os filhos, logo um componente pai desconhece o que acontece com o estado presente nos seus componentes filhos. Então como é que nós fazemos quando precisamos que com que um componente filho produza ou modifique um valor para que esse possa ser utilizado pelo componente pai? Bom a resposta para essa pergunta esta no titulo da postagem, resolvemos essa questão com a elevação do "state". A elevação do "state" em tese é algo relativamente simples, basta mudar o estado do filho para o pai, logo o filho não mais trabalhará com seu estado, ele receberá o estado do pai por meio das "props" e quando for necessário alterar o estado o componente filho deve chamar um método do pai, que também estará presente em "props". Exemplo No exemplo abaixo criaremos um componente "filho" que oferece uma lista de opções de acordo com

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