Stack para desenvolvimento front end atual

[wellingtonpgp]

Galera qual stack estão usando atualmente para front-end​? 😀

[ghost]

Fala @wellingtongeek , seguinte cara:

Sites simples: html, css e js com automatizações no gulp
Sistemas mais complexo: Avalio a necessidade e tento aplicar a tecnologia para o universo do sistemas, por exemplo estou atualmente trabalhando com um sistema escrito em elixir e no frontend estou usando React, Redux, Webpack e Storybook. Ai adicionei alguns scripts para automatização.

Ai se a dúvida é qual usar analise a situação, se js puro ou um jquery resolve então vá por essa abordagem hehe.

[caioincau]

Estou trabalhando hoje com Webpack, Vue, Vuex e BrowserSync, ao mesmo tempo toco outro projeto menor com JQuery e Gulp, vai do tipo de projeto.

[mahenrique94]

Muitos usam React, Angular2, Vue, MEAN Stack 2, etc... Varia da sua necessidade e escopo do projeto.

[fabioassuncao]

Cara, uso o gulp com alguns plugins
(concat, cssmin, rename, uglify, etc) em projetos atuais, mas estou pensando muito em usar o Webpack para as novas demandas.

[matheusml]

Atualmente estou usando:

• React
• Webpack 2
• ES2015
• CSS Modules (querendo migrar para styled-components)
• Mocha (querendo migrar para Jest)
• ESLint

Gosto bastante desse stack, principalmente para projetos pequenos/médios.

[kvnol]

Como não trabalho com sistemas complexos ainda, minha stack está sendo:

• Pug
• SASS (utilizando atomic design)
• Gulp

[Cleysonlb]

Front End

• Gulp (com diversos plugins)
• Stylus (pré processador)
• Jeet (grid system)
• Rupture (media querie system)
• Stylint
• JSlint

[kazzkiq]

Pra projetos pessoais ou freelas eu geralmente uso:

• Brunch (build system)
• Riot.js (lib de componentização)
• SASS
• Viewports (media queries)
• Babel (pra poder codar em ES6/ES7)
• Jest (comecei a aprender e aplicar TDD/BDD, inclusive recomendo muito o tutorial do @fdaciuk)

O bacana desse stack é que a quantidade de configuração é quase zero, as libs são super simples de usar, e quase tudo funciona out-of-the-box, o que ajuda muito na produtividade.

Já pra projetos no trabalho é quase sempre unanimidade (e as vezes vem como pedido do próprio cliente) o uso das tecnologias já consolidadas no mercado como Angular (1 ou 2), React, Redux, Webpack, Vue.js, etc.

[devigor]

Projetos Simples

• Gulp
• Pug
• Stylus ❤️
• Js (ES6/ES6) ❤️

SPA's

• React
• Redux
• Webpack
• MaterialUI

[devigor]

Lembrando que vai da necessidade de cada projeto 😄

[alanhr]

• React
• Redux
• flowtype
• Es6
• Webpack
• Eslint
• CSS Module
• Mocha