Framework e/ou Lib JavaScript que estão utilizando/estudando?

[neysimoes]

Bom dia!
Estou começando um projeto pessoal e estou em dúvida do que usar para desenvolver. Queria saber o que vocês estão utilizando, as vantagens e desvantagens. Também se estão estudando alguma que ainda não usam.

Estava em dúvida entre Angular2 e ReactJS. 👍

Atualmente estou trabalhando num sistema interno da empresa feito em AngularJS, mas quando terminarmos vamos começar a refazer o e-commerce em ReactJS.

[bernardodiasc]

To trabalhando com React+Redux num projeto open source (ainda não posso mostrar, semana que vem sai a v1.0 ai divulgo). React é divertido, isso é importante. Fiz alguma coisa com Angular 1 (não conheço o 2 ainda), mas não curti muito, infelizmente não sei explicar exatamente o porquê.

React tem algumas coisinhas a se considerar:

• faz mais sentido com stacks completas (react + flux + immutable + graphql + relay + blablabla)
• muito barulho e muita coisa nova todo dia, nem tudo é necessário ou importante

[willycamargo]

Se está em dúvida entre esses dois, recomendo essa leitura

---

Spoiler:

Ember: {{# each}}
Angular 1: ng-repeat
Angular 2: ngFor
Knockout: data-bind=”foreach”
React: JUST USE JS. :)

[neysimoes]

@willycamargo foi exatamente esse texto que iniciou essa discussão 😃

[fdaciuk]

@neysimoes, se for usar o React, considere o preact e preact-compat no lugar ;)

O preact tem a mesma interface do React, mas apenas 3kb! Nos testes que estou fazendo, ele está se saindo muito bem. E com o preact-compat + webpack, fica fácil manter o mesmo código já criado com react e react-dom, e mudar para o preact.

Só pra você ter uma ideia do tamanho dos arquivos finais, nas brincadeiras que estou fazendo, com React + Redux e Preact + Redux:

Sem minificar:
React = 712kb
Preact = 105kb

Minificado:
React = 209kb
Preact = 37.9kb

Gzipped:
React = 42.56kb
Preact = 10.49kb

:D

[simaodeveloper]

Atualmente estou estudando VueJS , ele é o cara que controla a View, mas se utilizarmos com algumas outras ferramentas, funciona como um ótimo framework.

Aqui vai uma introdução ao VueJS e um repositório de links de coisas váriadas relacionadas ao Vue, se chama Awesome VueJS

Coverage 100.00% veja o teste aqui

Exemplo: Hacker News feito em Vue

A Comunidade construiu um router pra ele também Vue-Router

[suissa]

caraca hein @fdaciuk

[fdaciuk]

Loucura @suissa

[eduardojmatos]

@fdaciuk ainda com a aba aberta aqui, do Preact. Vou pega pra brincar com isso essa semana 😃

@neysimoes estou usando Ember no trabalho. Ainda me adaptando com as mágicas dele, mas até que curti 😄 . Recentemente tiraram o GlimmerComponent da versão Canary (do master do git), pra corrigir alguns bugs, mas é uma outra ideia interessante pra trabalhar com DOM diff.

Tô engatinhando nele, mas já curti bastante 😄

[kazzkiq]

Uma outra alternativa não-convencional ao React seria o Riot.js. Estou usando ele em um projeto grandinho e até o momento to bem satisfeito tanto em termos de performance quanto com as features da biblioteca.

E tem a vantagem de ter uma sintaxe bem limpa e elegante IMO:

<!-- Componente contador numérico -->
<contador>
    <button onclick="{ sub }"> - </button>
    <input type="number" name="campo" readonly />
    <button onclick="{ add }"> + </button>

    <script>
        add() {
            this.campo.value = +this.campo.value + 1;
        }
        sub() {
            this.campo.value = +this.campo.value - 1;
        }
    </script>
</contador>

Para quem quiser dar uma brincada, tem um playground aqui.

[ghost]

@kazzkiq que maneiro o Riot.js, não o conhecia, estou neste playground aí que passou.. é muito tranquilo, você participa dos forums? suporte da comunidade é bom? hehe

[kazzkiq]

@Meche Participo, eles tem uma sala no Gitter e sempre tem gente tirando dúvidas lá. Versões novas com bugfixes/features seguem um ritmo bem frequente também. Até o atual momento, nada a reclamar.

[fabricionaweb]

Massa ver a galera de olho no Riot, também tenho brincado com ele! Super didático e está bombando no GitHub hehe

[felipefialho]

Que interessante esse Preact.

Já usou em projetos reais @fdaciuk?

[willycamargo]

Estamos com dois projetos SPA aqui. Um deles rodando com React e outro com o MithrilJS.

Ambas as libs (framework no caso do MithrilJS) são muito flexíveis.

Utilizo em ambas:

• Fetch para consumir os dados da API
• Browserify com Babel para compilar o código ES6
• Stylus com PostCSS no CSS
• Browsersync para sincronizar os browsers

Utilizo o Mocha para testes unitários em um dos projetos e o Jest no outro.

---

No geral estamos satisfeitos com a produtividade e também com o desempenho do sistema nas duas situações.

[felisio]

Vou começar um projeto gigante com CRM modulo financeiro... Depois de muito pesquisar resolvi usar react + redux.... Quem já tem muita experiência nessa tecnologia acha tranquilo? Ou seria melhor adotar outra tecnologia? Menos angular kkkkkk

[fdaciuk]

@felisio acredito que esse seja o melhor caminho :)

[hugooliveirad]

Eu estou usando ClojureScript. Foge um pouco do título, mas acho legal citar.

Junto com ele uso basicamente duas libs: reagent e re-frame.

Reagent é um wrapper para o React. Ele torna bem simples criar componentes como funções puras e otimiza bastante a renderização deles pois junta as estruturas de dados imutáveis do ClojureScript com o shouldComponentUpdate.

O re-frame tem uma ideia parecida com o cerebral, um framework para fluxo de dados unidirecional. O legal é que ele usa o sistema de meta-programação do ClojureScript para criar uma relação de dependência entre seus dados e informações computadas. Bem como uma planilha deixa você criar funções dos valores de células.

Quem tem interesse em ver uma forma bem diferente de criar interfaces, sugiro dar uma olhada.

Com otimizações do ClojureScript, nosso App em produção na Xerpa esta com 173kb com gzip.

[tcelestino]

Comecei a estudar o Meteor, estou curtindo pra caramba. Sem contar que é fácil de implementar com outras bibliotecas JS.