Melhor resposta
3 principais tecnologias Para desenvolvedores de IU durante o desenvolvimento da Web, inclua
- Angular5
- React.JS
- Vue.js
Angular5 vs ReactJS vs Vue.js
Angular5 Pros
- Usa MVVM , separando assim a lógica do aplicativo para sua visualização , permitindo que vários desenvolvedores usem os mesmos dados
- Ligação de dados bidirecional (React.js é uma vinculação de dados singular) reduz o risco de erros
- Documentação detalhada está disponível, permitindo que você estude cada aspecto com casos de uso bem discutidos e bem explicados
- N novos recursos incluem RXJS aprimorado, compilação mais rápida (> 3s), suporte a Drivelog.de, novo lançamento de HttpClient
Contras
- Curva de aprendizagem é vasto devido ao seu tamanho, no entanto, é baseado na estrutura TypeScript 2.4, que é um pouco mais fácil de aprender.
- Migrar de versões anteriores do Angular para novas pode ser doloroso
React.JS Prós
- Extremamente responsivo amigável. Os desenvolvedores podem criar componentes em aplicativos de página única que podem se atualizar sem a necessidade de conexão com a Internet. Isso se deve à incorporação do Virtual DOM
- Baseado na visualização apenas permite que os programadores não percam tempo descrevendo um a um correspondências nas relações e foco principalmente no mecanismo de transferência de dados.
- Com base no conceito de biblioteca, Os desenvolvedores têm várias maneiras de realizar os recursos planejados na IU criada
- Easier Learning Curve, Comparado com Angular Typescript, ReactJS é muito mais fácil de aprender porque é baseado na linguagem JavaScript ES6 semelhante a HTML
Contras
- Não é uma estrutura , então você precisará da ajuda de ferramentas de terceiros durante o processo de desenvolvimento, o que é uma despesa adicional
- Upd ates podem desativar integrações de terceiros, Portanto, se você deseja atualizar seu aplicativo, esteja preparado com algumas alternativas e para testar seu aplicativo novamente
Vue.js Pros
- Pequeno e rápido , sendo apenas 18kb (após gzipar) Supera consistentemente estruturas volumosas, como AngularJS e EmberJS.
- Integração fácil, É mais fácil adicionar muitos pequenos componentes reativos a um modelo existente. Com sua capacidade de conter a estrutura, lógica e estilo do componente em um arquivo – também é muito flexível
- Documentação abrangente, Além disso, os desenvolvedores que têm experiência com a estrutura React, Angular e JS achariam o design do Vue muito familiar
- Localização de erros mais fácil , pois permite o desenvolvimento de modelos em grande escala. Isso torna mais fácil para os programadores encontrarem erros durante o desenvolvimento
- Fluxos unilaterais são mais fáceis de implementar com a estrutura Vue.js
Contras
Barreira de idioma . Devido ao criador ser chinês-america. É mais amigável para a comunidade de desenvolvimento chinesa.
Menos recursos, Devido ao desenvolvimento da comunidade fechada
Em uma nota lateral para desenvolvedores que usam WordPress
Para WordPress, WP-API abre muitas oportunidades para construir qualquer tipo de aplicativo sem o painel de administração WP.
Se você precisa de um site desenvolvido com a IU mais recente práticas, você pode entrar em contato com esta equipe aqui .
Resposta
React.js (pelo Facebook) está crescendo muito rápido.Angular (do Google) é o maior, mas v1 e v2 são incompatíveis, sem mencionar que v2 usa muitos conceitos semelhantes ao React.
Webpack é uma ferramenta de construção incrível e muito útil para front-end desenvolvimento. Alternativas seriam coisas como Grunt e Gulp.
Existem muitas estruturas CSS excelentes: Bootstrap (pelo Twitter), Materializar, Fundação, etc …
O Sketch está crescendo rapidamente em popularidade para ferramentas de design. Ele exporta HTML / CSS, mas é apenas para produtos Apple. Adobe XD está chegando para Windows neste ano (supostamente), que será semelhante ao Sketch. São ferramentas mais focadas em design, mas ainda assim úteis se você precisar mexer nisso ou quiser gerar um código realmente básico.