Continuando a nossa série de “coisas que podemos fazer com Javascript puro”, no último post, conversamos sobre como podemos adicioanr uma classe em um elemento HTML com Javascript puro.
Hoje vou mostrar como podemos fazer o processo reverso, remover uma classe com Javascript puro, sem nenhuma lib!
Como Usar Operador Ternário No Style No React
Alguma vez você já precisou adicionar um estilo em algum elemento baseado em uma condição?
Você sabe como adicionar um operador ternário no estilo, no React?
É muito simples, só precisamos nos atentar na quantidade de chaves {}!
O Que É Styled-Components
Uma das coisas que muito tem se falado, enquanto desenvolvendo aplicações com React, é sobre styled components
Styled components são componentes onde criamos o CSS no próprio arquivo do componente, o arquivo JS.
Com isso conseguimos obter algumas vantagens em diversos quesitos, tais como:
Carregamento automático do CSS crítico, isso é, os componentes são renderizados com a página e são injetados apenas o CSS que realmente será utilizado, nada mais! Ajudando em performance, visto que os usuários carregarão apenas o necessário.
Sem problemas com nomes de classes! Styled-componentes geram nomes de classes automaticamente, sem preocupação em gerar nomes duplicados.
O Que É Gerência De Riscos
Existe um ditado popular que diz que: errar é humano e em um projeto de desenvolvimento de software, isto não é diferente. Todo e qualquer ação humana está sujeita a riscos, que podem gerar atrasos, encarecimento do serviços, etc.
No geral, quando estamos analisamos um novo projeto e fazendo as estimativas, acabamos esquecendo de pontos que deviam ser levados em conta, como por exemplo:
Engenharia De Software - Requisitos Funcionais X Não-Funcionais
Você conhece e sabe quais são os requisitos existentes em Engenharia de Software? Todo desenvolvimento de algum software necessita de um conjunto de requisitos. Sendo que estes requisitos, quando mal definidos, acabam em sistemas que não são adequados para os clientes. Podemos afirmar então, que todos os requisitos levantados formam a base para o desenvolvimento e também a manutenção futuro.
Algumas outras definições para Requisitos:
- Definem o que é solicitado ao sistema fazer e com quais limitações ele é requisitado a operar
- Requisitos são as funções e restrições que estabelecem exatamente o que o software deve ou não fazer.
Como Fazer componentDidMount Com React Hook
O react introduziu em sua versão 16.7.0 os Hooks, que tem como objetivo trabalhar os estados e outras funcionalidades sem precisar criar uma classe!
E com a chegada dos Hooks, uma pergunta que pode ser frequente é, como podemos chamar os eventos do componente, como o componentDidMount dentro de um
componente stateful?
Como Formatar Data Adicionando Zero Na Frente
As vezes, o formato no qual nos é retornado a data, pelo front-end, não é formato que realmente queremos.
O formato retornado pode ser que não tenha “0” na frente dos números, como por exemplo:
2/5/20192:503:4
Isso pode acabar impactando na usabilidade de nossa aplicação.
Vamos então ver como podemor formatar?
Como Verificar Se a Data É Hoje
Você já precisou verificar se a data que está recebendo é no dia de hoje?
Com uma função bem simples, conseguimos validar se o dia que estamos recebendo como parâmetro é referente ao dia de hoje
Basta usar a seguinte função:
JS - Retornando Uma Quantidade De Elementos Do Array
Em uma determinada situação, nos deparamos com o seguinte problema:
“Precisamos retornar apenas uma quantidade de itens de um determinado array”
Então, como fazemos para retornar, os primeiros N elementos de um array, no Javascript?
Para isso, podemos utilizar o método slice!
CSS - Como Fazer Uma Barra De Progresso De Leitura
Uma coisa bem legal que podemos fazer para melhorar a usabilidade
é criar uma barra de progresso, indicando quanto falta para
terminar a leitura de um determinado texto ou para terminar a página!
Veja como é fácil criar uma barra de progresso de leitura,
usando CSS e Javascript!