PROGRAMERO

Uma das características no desenvolvimento com o React é a capacidade de construir componentes, capazes de serem reutilizados em diversas partes do sistema. Os componentes nos permitem dividir o sistema em pequenas partes, reutilizáveis e independentes, proporcionando uma grande capacidade de reutilização e isolamento, evitando replicação de código e dores de cabeça com a substituição ou mesmo manutenção em partes do sistema. Em resumo, componentes são rotinas Javascript, capazes de receber propriedades e devolver elementos HTML. Exemplo Vamos agora ao exemplo, criaremos uma aplicação e a seguir iremos desenvolver um componente que irá representar um cliente, com nome e endereço: Criando a aplicação npx create-react-app componentes-propriedades Criando o novo componente Vamos criar o componente cliente, que retornará informações do mesmo, a ideia aqui é retornar uma "div" com um parágrafo com o nome e um texto com o endereço. No diretório &quo

Anteriormente, realizamos uma reflexão simples para definir o que era objeto e o que não era, basicamente listamos todos os tipos primitivos ("string", "number", "boolean", etc.) e falamos que, tudo aquilo que não era tipo primitivo era um objeto. Pois bem, uma outra característica marcante é que objetos podem possuir propriedades e métodos, enquanto tipos primitivos não, mas se pararmos para observar percebemos algo diferente, por exemplo, se criarmos uma variável do tipo "string" conseguimos acessar algumas propriedades/métodos além do valor, e é ai que entra o conceito de "wrapper objects". Podemos pensar em "wrapper" como envolver ou empacotar, logo, assim que tentamos acessar um propriedade (ou método) de um tipo primitivo como o "string" (isso também ocorre para "number" e "boolean") o Javascript cria um objeto em memória, realiza a ação solicitada (seja o retorno do valor de uma pr

No Javascript um "array" é na verdade um objeto, que possui suas propriedades e métodos, independente de seu conteúdo, e hoje falaremos de uma propriedade para recuperar o total de itens e de um método para incluir novos elementos. Propriedade length É a propriedade de um "array" que nos indica a quantidade de itens que existem atualmente nesse "array", com essa informação poderíamos, por exemplo, percorrer todos os elementos de um "array" por meio de um "loop": var arr = [ 10, 20, 30, 40, 50, 'Teste', true]; var pos = 0; while (pos < arr.length) {    console.log(arr[pos]);    pos++; } Método push Método usado para incluir elementos no final de um "array", sendo esses elementos números, textos, objetos, outros arrays ou até mesmo funções: arr.push(999); arr.push('Novo teste'); arr.push( { pessoa: 'Teresa'} ); arr.push( function primo(x) { return x % 2 === 0; }