Otimização React x Angular
04/12/2018
0
Fala galera da comunidade DevMedia =)
Hoje queria trocar uma ideia com vocês quanto a performance do React x Angular, será que é a mesma?
Por exemplo, no React eu consigo acessar um componente de uma página "diretamente", como se ele fosse o único dentro da página, não importando o tamanho da árvore do DOM, o que me faz ter uma boa performance na minha aplicação. Digamos que eu tenha uma página com diversos componentes, dentre eles um input recebendo valores, quando o mesmo receber algum valor somente este componente estará sendo checado pela aplicação e não todos os componentes da página ao mesmo tempo.
E no Angular? Também funciona assim? Se eu trocar do React para o Angular vou ter alguma queda de performance?
Hoje queria trocar uma ideia com vocês quanto a performance do React x Angular, será que é a mesma?
Por exemplo, no React eu consigo acessar um componente de uma página "diretamente", como se ele fosse o único dentro da página, não importando o tamanho da árvore do DOM, o que me faz ter uma boa performance na minha aplicação. Digamos que eu tenha uma página com diversos componentes, dentre eles um input recebendo valores, quando o mesmo receber algum valor somente este componente estará sendo checado pela aplicação e não todos os componentes da página ao mesmo tempo.
E no Angular? Também funciona assim? Se eu trocar do React para o Angular vou ter alguma queda de performance?
Rodolfo Gomes
Curtir tópico
+ 0
Responder
Post mais votado
04/12/2018
O React tem uma curva de aprendizado altíssima.
A principal diferença e vantagem do RectJS em relação ao Angular é chamada de Virtual DOM ou VDOM, que é um conceito de programação onde existe uma representação da UI cacheada em memória, sincronizada com o DOM real do browser, com a utilização do ReactDOM. Desse modo, as alterações de DOM são muito mais rápidas, já que temos todo o cache e o ReactJS se vira para sincronizar e atualizar o nosso DOM real, mudando apenas o que é necessário.
O que é: Angular, diferente do ReactJS, é um framework responsável por tornar o desenvolvimento de uma aplicação web mais fácil. Por ser um framework e não uma lib, por padrão ele já nos disponibiliza templates declarativos, injeção de dependência, integra as boas práticas; e por isso ele dita a forma que devemos desenvolver nossas aplicações, com uma arquitetura pré estabelecida e assim diminui as chances de cometermos erros bobos.
Vantagem: A vantagem em relação ao ReactJS, é que, por ser um framework, o angular disponibiliza features nativas, onde não precisamos nos preocupar com rotas, injeção de dependências, requisições http, uma linha de comando muito rica onde criamos rapidamente uma aplicação do Angular totalmente estruturada e pronta para iniciar nosso desenvolvimento, suporte a PWA’s, testes com Karma integrados no framework e configurados, animações, e a partir da versão 6, também possui o Angular Material já integrado. Dessa forma, quando desenvolvemos uma aplicação mais robusta, se usarmos as boas práticas do framework, teremos uma aplicação escalável, clean e bem desenvolvida.
Não existe um melhor que o outro, eles tem propósitos diferentes.
A principal diferença e vantagem do RectJS em relação ao Angular é chamada de Virtual DOM ou VDOM, que é um conceito de programação onde existe uma representação da UI cacheada em memória, sincronizada com o DOM real do browser, com a utilização do ReactDOM. Desse modo, as alterações de DOM são muito mais rápidas, já que temos todo o cache e o ReactJS se vira para sincronizar e atualizar o nosso DOM real, mudando apenas o que é necessário.
O que é: Angular, diferente do ReactJS, é um framework responsável por tornar o desenvolvimento de uma aplicação web mais fácil. Por ser um framework e não uma lib, por padrão ele já nos disponibiliza templates declarativos, injeção de dependência, integra as boas práticas; e por isso ele dita a forma que devemos desenvolver nossas aplicações, com uma arquitetura pré estabelecida e assim diminui as chances de cometermos erros bobos.
Vantagem: A vantagem em relação ao ReactJS, é que, por ser um framework, o angular disponibiliza features nativas, onde não precisamos nos preocupar com rotas, injeção de dependências, requisições http, uma linha de comando muito rica onde criamos rapidamente uma aplicação do Angular totalmente estruturada e pronta para iniciar nosso desenvolvimento, suporte a PWA’s, testes com Karma integrados no framework e configurados, animações, e a partir da versão 6, também possui o Angular Material já integrado. Dessa forma, quando desenvolvemos uma aplicação mais robusta, se usarmos as boas práticas do framework, teremos uma aplicação escalável, clean e bem desenvolvida.
Não existe um melhor que o outro, eles tem propósitos diferentes.
Juliano
Responder
Mais Posts
05/12/2018
Gladstone Matos
O React tem uma curva de aprendizado altíssima.
A principal diferença e vantagem do RectJS em relação ao Angular é chamada de Virtual DOM ou VDOM, que é um conceito de programação onde existe uma representação da UI cacheada em memória, sincronizada com o DOM real do browser, com a utilização do ReactDOM. Desse modo, as alterações de DOM são muito mais rápidas, já que temos todo o cache e o ReactJS se vira para sincronizar e atualizar o nosso DOM real, mudando apenas o que é necessário.
O que é: Angular, diferente do ReactJS, é um framework responsável por tornar o desenvolvimento de uma aplicação web mais fácil. Por ser um framework e não uma lib, por padrão ele já nos disponibiliza templates declarativos, injeção de dependência, integra as boas práticas; e por isso ele dita a forma que devemos desenvolver nossas aplicações, com uma arquitetura pré estabelecida e assim diminui as chances de cometermos erros bobos.
Vantagem: A vantagem em relação ao ReactJS, é que, por ser um framework, o angular disponibiliza features nativas, onde não precisamos nos preocupar com rotas, injeção de dependências, requisições http, uma linha de comando muito rica onde criamos rapidamente uma aplicação do Angular totalmente estruturada e pronta para iniciar nosso desenvolvimento, suporte a PWA’s, testes com Karma integrados no framework e configurados, animações, e a partir da versão 6, também possui o Angular Material já integrado. Dessa forma, quando desenvolvemos uma aplicação mais robusta, se usarmos as boas práticas do framework, teremos uma aplicação escalável, clean e bem desenvolvida.
Não existe um melhor que o outro, eles tem propósitos diferentes.
A principal diferença e vantagem do RectJS em relação ao Angular é chamada de Virtual DOM ou VDOM, que é um conceito de programação onde existe uma representação da UI cacheada em memória, sincronizada com o DOM real do browser, com a utilização do ReactDOM. Desse modo, as alterações de DOM são muito mais rápidas, já que temos todo o cache e o ReactJS se vira para sincronizar e atualizar o nosso DOM real, mudando apenas o que é necessário.
O que é: Angular, diferente do ReactJS, é um framework responsável por tornar o desenvolvimento de uma aplicação web mais fácil. Por ser um framework e não uma lib, por padrão ele já nos disponibiliza templates declarativos, injeção de dependência, integra as boas práticas; e por isso ele dita a forma que devemos desenvolver nossas aplicações, com uma arquitetura pré estabelecida e assim diminui as chances de cometermos erros bobos.
Vantagem: A vantagem em relação ao ReactJS, é que, por ser um framework, o angular disponibiliza features nativas, onde não precisamos nos preocupar com rotas, injeção de dependências, requisições http, uma linha de comando muito rica onde criamos rapidamente uma aplicação do Angular totalmente estruturada e pronta para iniciar nosso desenvolvimento, suporte a PWA’s, testes com Karma integrados no framework e configurados, animações, e a partir da versão 6, também possui o Angular Material já integrado. Dessa forma, quando desenvolvemos uma aplicação mais robusta, se usarmos as boas práticas do framework, teremos uma aplicação escalável, clean e bem desenvolvida.
Não existe um melhor que o outro, eles tem propósitos diferentes.
sensacional Juliano!
Responder
Clique aqui para fazer login e interagir na Comunidade :)
