Quando usar o useMemo e useCallback? Leia mais: Qual a diferença de um componente funcional e componente utilizando classe

Um Functional Component, recebe esse nome por se tratar de uma função que aceita um único argumento de objeto chamado “props” (propriedades), e retorna dados com um elemento React. Já um Class Component estende um Component padrão do React, e ao fazer isso, criamos uma herança do React.

Leia mais
Ele é utilizado para memorizar funções. Por causa da maneira como o javascript compara, a função que você cria na primeira vez que um componente é renderizado será diferente daquela criada nas próximas renderizações.Se seu componente renderiza o mesmo resultado dados os mesmos props, você pode envolver nele uma chamada para React. memo para um aumento no desempenho em alguns casos, através da memoização do resultado. Isto significa que o React vai pular a renderização do componente e reutilizar o último resultado renderizado.

Como evitar Rerender react

Para evitarmos rerender em componentes que se mantenham com as mesmas propriedades e estado, tínhamos obrigatoriamente que utilizar um Class Component que implementava React. PureComponent ou ShouldComponentUpdate. Agora você poderá fazer o mesmo com componentes funcionais utilizando React.

Escolha componentes funcionais sempre que possível (por serem mais simples e mais rápidos), ou seja, quando você apenas quer exibir alguma UI. Use componentes de classe sempre que existir tarefas mais complexas a serem feitas, como lidar com alguma lógica, gerenciar o estado e manipular eventos.Hooks permitem a você organizar efeitos colaterais (side effects) em um componente por partes relacionadas (como adicionar e remover uma subscrição), em vez de forçar uma divisão baseada nos métodos de ciclo de vida. Você pode aprender mais sobre useEffect na sua página dedicada: Utilizando o Hook de Efeito.Quando você usa useCallback: Ele vai te dar a possibilidade de “guardar” uma função para ser utilizada em outro momento, isso se torna muito útil quando queremos passar callbacks para componentes filhos por exemplo.

React JS melhora o SEO do site, é mais simples de aprender e testar, possibilitando a migração entre plataformas. Já o React Native permite que usemos todos os recursos nativos da plataforma, tem como vantagem o foco em UI (User Interface), além da possibilidade de utilizar recursos em conjunto com aplicações externas.

É fácil aprender React

O React é fácil de aprender por um simples motivo: ele utiliza a linguagem JavaScript para criar suas aplicações. Por ser uma tecnologia criada e testada pela equipe do Facebook é uma solução segura. Além disso a comunidade de programadores React é muito grande.

A função do React. lazy é permitir a você renderizar uma importação dinâmica como se fosse um componente comum.

Internamente, o React usa diversas técnicas inteligentes para minimizar o número de operações custosas de DOM que são necessárias para alterar a UI. Para muitas aplicações, utilizar React fará com que elas tenham uma rápida interface sem fazer muito esforço para otimizar performance.

Leia mais

Como reagir a uma mensagem no WhatsApp
O procedimento é simples. Assim como no Telegram, basta tocar e pressionar por dois segundos a mensagem escolhida e, depois, escolher o emoji com o qual deseja reagir.Agora, também podemos usar estados em componentes funcionais (tratarei de estado e dos hooks em um artigo posterior – não se preocupe com eles no momento). Um componente de classe: é uma classe do ES6, que será um componente quando fizer o 'extends' de um componente do React.Uma definição bem resumida encontrada na documentação é: "Hooks são funções que permitem a você 'ligar-se' aos recursos de state e ciclo de vida do React a partir de componentes funcionais. Hooks não funcionam dentro de classes — eles permitem que você use React sem classes."O useState nos permite criar estados em um componente criado a partir de uma função, assim como o state presente em componentes criados a partir de classes.

A Context API é uma biblioteca que pode ser usada para autenticação, armazenamento de dados de formulários, configurações de temas ou outras funcionalidades que uma aplicação possa precisar.Promises são uma substituição para Callbacks que ajudam a lidar com a composição de múltiplas operações assíncronas enquanto também lidam com erros de forma mais simples, em alguns casos.callback {subst.} callbacks {pl.}No quesito desempenho, aplicações construídas utilizando-se o Flutter possuem vantagens performáticas comparada as de React Native, por mais que seja um fator que não pesa tanto quanto aos fatores anteriormente abordados, é um ponto importante que não se pode deixar de fora nessa equação sobre qual tecnologia é a …

Conclusão. O Angular é um framework completo para desenvolvimento para a web e para dispositivos móveis. O React é um framework somente para o desenvolvimento de UIs, que pode ser transformado em uma solução completa com o auxílio de bibliotecas adicionais.O React parece ser mais simples à primeira vista, levando menos tempo para se começar a trabalhar com um projeto em React. Porém, essa simplicidade como vantagem principal do React é neutralizada pelo fato de você ter de aprender a trabalhar com frameworks e ferramentas adicionais em JavaScript.Mas, antes de partir para o uso do React, você precisa ter conhecimentos mais sólidos em JavaScript, o que vai facilitar a criação das suas aplicações, já que esta biblioteca oferece a possibilidade de renderizar componentes mais complexos e possui testabilidade simplificada, duas grandes vantagens.A divisão de código é um recurso suportado por empacotadores como Webpack, Rollup e Browserify (através de coeficiente de empacotamento (factor-bundle)) no qual pode-se criar múltiplos pacotes que podem ser carregados dinamicamente em tempo de execução.

O useHistory é a um componente que é usado dentro de uma página para levar o usuário para outra rota do site. Para usa-la, deve-se primeiro instancia-la em uma variável, depois usar a função push e colocar a rota que você quer. Usamos o useHistory dentro de uma função que tratará um evento do usuário.Para aprender, uns 4 meses. Para se tornar proficiente, uns 2 anos.