BT

Novidades O InfoQ vem desenvolvendo uma série de novas funcionalidades para melhorar sua experiência com o site. Confira!

Plataforma web mobile do Twitter implementada com React desafia a performance de aplicações nativas

| por David Iffland Seguir 3 Seguidores , traduzido por Tulio Coelho Seguir 0 Seguidores em 24 mar 2017. Tempo estimado de leitura: 2 minutos |

Recentemente, o Twitter migrou todos os seus usuários das páginas web mobile para uma plataforma moderna construída em JavaScript. Com essa decisão, foi possível demonstrar como os avanços das tecnologias web mobile estão competindo com a performance dos aplicativos nativos.

O desenvolvedor do Twitter, Nicolas Gallagher, publicou um tweet compartilhando que a mudança havia sido feita:

A publicação não ficou tão clara, em um primeiro momento, deixando diversas questões no ar, dentre elas uma dúvida bastante pertinente: "Em qual plataforma as soluções web mobile estavam sendo executadas antes da mudança?" Gallagher continuou twittando, complementando seu raciocínio.

A "nova" plataforma já estava funcionando há 9 meses para os usuários logados na solução web mobile. Já os usuários não-logados estavam utilizando uma plataforma diferente, composta por Scala e Closure Templates. Assim que se comprovou uma melhora na experiência dos usuários logados, a nova solução implementada em React foi considerada aprovada pelos desenvolvedores.

A nova interface web foi feita em React, com Node.js e Express executando a parte do servidor. A aplicação foi construída como uma Progressive Web App, utilizando Service Workers para possibilitar o carregamento imediato de páginas, funcionamento offline e notificações via push. O aplicativo ainda não suporta todas essas funcionalidades, mas outro engenheiro do Twitter, Paul Armstrong, deixou indícios de que essas funcionalidades estarão disponíveis em breve.

O engenheiro do Twitter, James Bellenger, indicou que o serviço em back-end "não faz nenhuma renderização em react e quase nenhum processamento de rota.", não utilizando React nessa parte da solução. Também adicionou que: "A tarefa mais difícil que o servidor faz é o parse de JSON ". Em uma série de tweets, Bellenger compartilhou mais informações sobre como o servidor funciona, rodando a versão atual do Node.js LTS e utilizando handlebars ao invés da renderização com React.

A comunidade está aguardando por mais informações sobre como eles enfrentaram os desafios de lidar com um tráfego de dados tão grande. Stuart Langridge publicou que gostaria de "ver um post ou uma série deles, detalhando sobre como todo esse processo ocorreu, os problemas enfrentados, etc, etc."

Ryan Johnson escreveu um artigo independente analisando a Redux Store do Twitter, criando algumas ideias interessantes. Ao conversar com o InfoQ, Johnson disse que se sentiu mais confiante em relação a tecnologia após a nova implementação do Twitter:

"Uma das minhas preocupações com Redux sempre foi a capacidade máxima de dados que podem ser armazenados na 'store'. Podemos ver que o Twitter adiciona dados de forma contínua na store conforme o usuário utiliza o scroll, ou quando novos tweets surgem. Se o Redux consegue lidar com a quantidade de dados do Twitter, eu me sinto bem confiante que a tecnologia consiga lidar com qualquer coisa."

A performance do novo site mobile é de altíssima qualidade. "Achei o site móvel incrivelmente suave e responsivo, e na minha opinião pode substituir facilmente o aplicativo nativo ", disse Johnson.

O novo site web mobile está disponível em: https://mobile.twitter.com.

Avalie esse artigo

Relevância
Estilo/Redação

Olá visitante

Você precisa cadastrar-se no InfoQ Brasil ou para enviar comentários. Há muitas vantagens em se cadastrar.

Obtenha o máximo da experiência do InfoQ Brasil.

Dê sua opinião

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber mensagens dessa discussão
Comentários da comunidade

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber mensagens dessa discussão

HTML é permitido: a,b,br,blockquote,i,li,pre,u,ul,p

Receber mensagens dessa discussão

Dê sua opinião

Faça seu login para melhorar sua experiência com o InfoQ e ter acesso a funcionalidades exclusivas


Esqueci minha senha

Follow

Siga seus tópicos e editores favoritos

Acompanhe e seja notificados sobre as mais importantes novidades do mundo do desenvolvimento de software.

Like

Mais interação, mais personalização

Crie seu próprio feed de novidades escolhendo os tópicos e pessoas que você gostaria de acompanhar.

Notifications

Fique por dentro das novidades!

Configure as notificações e acompanhe as novidades relacionada a tópicos, conteúdos e pessoas de seu interesse

BT