What are the differences between Grunt, Gulp.js and Bower? Why & when to use them?

Question

What are the differences between Grunt, Gulp.js and Bower? Why & when and how to use them?

I\'ve seen nowadays, most of the front-end project using the above too

Answer 1

I just completed an analysis of Gulp vs Grunt (our prior standard) and although I think both are important to know for a front end developer to be current and both are good solutions I learn towards Gulp for future projects for the following reasons:

1. Gulp is generally more concise (plugins doing one thing only and streams approach) and readable. One Grunt script that I redid in Gulp resulted in only one quarter the lines of code to produce the same result.

2. Gulp is faster in general.

3. Although Gulp has fewer plugins and thinner documentation key plugins for minification, concatenation, listing, LESS transpilation, and so forth are currently available and work well.