Saber que tipo de entrada o senhor recebeu é extremamente importante em JavaScript, o que é um grande motivo para o crescimento do Flow e do TypeScript. Um desses casos em que é útil saber o que um objeto representa é se a entrada é uma string ou um elemento React.
Para detectar se um objeto é um elemento React, o senhor pode usar React.isValidElement(obj):
// Add a wrapping DIV if the content isn't a React element
// PropTypes.oneOfType([PropTypes.string, PropTypes.element])
render() {
const { content } = this.props
React.isValidElement(content)) ?
content :
{content}
}
Eu realmente gosto disso React.isValidElement nos permite criar elementos flexíveis que aceitam elementos React ou strings; extremamente útil em componentes genéricos como modais, alertas e em todos os outros lugares!
Animação CSS vs. JS: O que é mais rápido?
Como é possível que a animação baseada em JavaScript sempre tenha sido secretamente tão rápida – ou mais rápida – do que as transições CSS? E, como é possível que a Adobe e o Google lancem consistentemente sites móveis ricos em mídia que rivalizam com o desempenho de aplicativos nativos?
Criar atalhos de teclado com o Mousetrap
Algumas das melhores partes dos aplicativos da Web estão escondidas nos pequenos detalhes. Esses “pequenos detalhes” muitas vezes podem resultar em grandes ganhos. Um desses pequenos ganhos pode ser encontrado nos atalhos de teclado. Aplicativos da Web incríveis, como o Gmail e o GitHub, usam muitos…
