Saiba mais sobre as Template Strings: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/template_strings
This media is not supported in your browser
VIEW IN TELEGRAM
Cosmoszuando a si mesmo!
📍 @AstronomiadaDepressao
📍 @AstronomiadaDepressao
Guia Dev
Photo
A funcionalidade de Hooks trazida a partir da versão 16.7.0 do React visa basicamente oferecer formas de trabalharmos com estado e outras API’s sem a necessidade de ter uma classe (stateful component).
⠀
Os Hooks surgiram como uma forma simples de resolvermos a complexidade desnecessária trazida por stateful components, HOC’s, render props, etc.
⠀
Veja que utilizamos o hook useState para declarar um estado em um componente criado em formato de função. A função useState recebe por parâmetro o valor padrão do nosso estado e retorna o valor do estado em si e uma função que altera esse valor.
⠀
Se liga que logo vai ter post sobre hooks lá no blog, e aproveita pra marcar um dev que programa em React pra ficar ligado nos hooks.
⠀
Os Hooks surgiram como uma forma simples de resolvermos a complexidade desnecessária trazida por stateful components, HOC’s, render props, etc.
⠀
Veja que utilizamos o hook useState para declarar um estado em um componente criado em formato de função. A função useState recebe por parâmetro o valor padrão do nosso estado e retorna o valor do estado em si e uma função que altera esse valor.
⠀
Se liga que logo vai ter post sobre hooks lá no blog, e aproveita pra marcar um dev que programa em React pra ficar ligado nos hooks.
Guia Dev
Photo
Imagine que você traga uma lista de eventos de uma API no React, cada evento possui uma data e você precisa dessa data em um determinado formato.
⠀
Muita gente acaba formatando essa data dentro mesmo do "render", o que acaba compromissando a performance da aplicação já que o "render" executa toda vez que uma propriedade ou estado do componente mudam.
⠀
Uma melhor alternativa é formatar essa informação assim que ela chega na aplicação, no componentDidMount por exemplo é um bom momento :)
⠀
⠀
Muita gente acaba formatando essa data dentro mesmo do "render", o que acaba compromissando a performance da aplicação já que o "render" executa toda vez que uma propriedade ou estado do componente mudam.
⠀
Uma melhor alternativa é formatar essa informação assim que ela chega na aplicação, no componentDidMount por exemplo é um bom momento :)
⠀
Guia Dev
#rocketseat
Sabe quando clicamos em algum link na web ou em algum aplicativo que abre o Facebook, Whatsapp ou qualquer outro app do smartphone?
⠀
Essa técnica se chama Deep Linking e podemos utiliza-la no React Native com a propriedade path repassada em cada rota do React Navigation.
⠀
O path funciona como uma rota da web e no exemplo da imagem, se acessarmos meuapp://orders/1 estaríamos acessando nosso app na página Order com um parâmetro orderId sendo 1.
⠀
Essa técnica se chama Deep Linking e podemos utiliza-la no React Native com a propriedade path repassada em cada rota do React Navigation.
⠀
O path funciona como uma rota da web e no exemplo da imagem, se acessarmos meuapp://orders/1 estaríamos acessando nosso app na página Order com um parâmetro orderId sendo 1.