1

Hoje me perguntei sobre uma questão na ordem de importação de componentes, seja isso no Angular, React, ou Vue.

A ordem de importação de componentes referente a ordem de uso, melhoraria a performance ou nada a ver? Onde tudo esta já esta buildado e o js só se encarregará exibir o conteúdo.

1
  • Possivelmente em alguns casos.
    – Maniero
    Commented 24/08/2018 às 12:01

2 Respostas 2

2

No React não faz diferença a ordem de importação. Existe uma extensão no VSCode chamda "Import Cost" que mostra o peso(tamanho) que tem sua importação, assim você pode analisar se deveria importar tudo daquele componente ou somente o que vai usar.

1

Quando você usa simplesmente require, o webpack compila todos os seus módulos para um único arquivo javascript, e de acordo com o tamanho dos módulos (+ dependências) esse arquivo será grande. Então se for uma aplicação web e o usuário estiver numa internet lenta logicamente a aplicação deve demorar um pouco para iniciar pela primeira vez.

Para resolver isso o o webpack possui o recurso de Code Spitting (https://webpack.js.org/guides/code-splitting/) onde quando você usa a função import() ele divide seus módulos em pequenos arquivos que são carregados somente quando necessário. Dessa maneira o seu build fica menor, logo a sua aplicação inicia mais rapidamente.

No caso do Vue.js existe os Componentes Dinâmicos e Assíncronos (https://br.vuejs.org/v2/guide/components-dynamic-async.html).

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .