The Top 10 JavaScript Frameworks, and the Communities ... 10... · The Top 10 JavaScript...

© Black Duck 2014

The Top 10 JavaScript Frameworks,

and the Communities Behind Them

Dave Gruber

Black Duck

2 © Black Duck 2014

About me

By night… classic rocker By day… Black Duck


About this session

• A statistics-based session, comparing the

communities behind the leading

JavaScript framework projects

• An attempt to add an additional

perspective into your choice of

technology

• NOT a feature comparison

• NOT an attempt to choose the best

framework


About the data

Stars


Fastest Growing Languages

Monthly Commits (% of total for all languages)

Source: Ohloh


New Projects in 2013 - Primary Language Used

Javascript

Python

Java

Ruby

PHP

All Other

11%

9%

32%

~9k New Projects


JavaScript Frameworks – The Need for Architecture

• Front-End MVC Frameworks

• Angular, Backbone, Ember, Knockout

• Sproutcore, Spine, CanJS, Flight

• Full Stack Frameworks

• Meteor, Mojito, Derby

• Single Page App Frameworks

• DurandalJS, batman.js


The Collective Monthly Developer Effort

0

50

100

150

200

250

Jan-

11

Feb

-11

Mar

-11

Apr

-11

May

-11

Jun-

11

Jul-1

1

Aug

-11

Sep

-11

Oct

-11

Nov

-11

Dec

-11

Jan-

12

Feb

-12

Mar

-12

Apr

-12

May

-12

Jun-

12

Jul-1

2

Aug

-12

Sep

-12

Oct

-12

Nov

-12

Dec

-12

Jan-

13

Feb

-13

Mar

-13

Apr

-13

May

-13

Jun-

13

Jul-1

3

Aug

-13

Sep

-13

Oct

-13

Nov

-13

Dec

-13

Jan-

14

Feb

-14

# of People Contributing Each Month


Contributors

0

100

200

300

400

500

600

700

800

900

All Time Contributors

12 Month Contributors


Monthly Contributors Trend

0

10

20

30

40

50

60

70

Jan-

11

Mar

-11

May

-11

Jul-1

1

Sep

-11

Nov

-11

Jan-

12

Mar

-12

May

-12

Jul-1

2

Sep

-12

Nov

-12

Jan-

13

Mar

-13

May

-13

Jul-1

3

Sep

-13

Nov

-13

Jan-

14

AngularJS

Backbone.JS

CanJS

Ember.js

SproutCore

Knockout.js

Spine

Meteor.JS

Yahoo! Mojito

Derby

Twitter Flight

SproutCore

Ember

In 2013, Angular and Ember communities saw significant growth


Monthly Contributors Trend

0

10

20

30

40

50

60

70

Jan-

11

Mar

-11

May

-11

Jul-1

1

Sep

-11

Nov

-11

Jan-

12

Mar

-12

May

-12

Jul-1

2

Sep

-12

Nov

-12

Jan-

13

Mar

-13

May

-13

Jul-1

3

Sep

-13

Nov

-13

Jan-

14

AngularJS

Backbone.JS

CanJS

Ember.js

SproutCore

Knockout.js

Spine

Meteor.JS

Yahoo! Mojito

Derby

Twitter Flight

What about Backbone?


Ecosystem - Related Projects

Examples:

• ChaplinJS

• Backbone Marionette


Separating out Full Stack Solutions

0

5

10

15

20

25

Meteor.JS

Yahoo! Mojito

Derby


GitHub Star Rating

0

5000

10000

15000

20000

25000

Note Meteor’s Popularity!

* Used as an indicator of popularity


Contributors

0

100

200

300

400

500

600

700

800

900

All Time Contributors

12 Month Contributors

Note that while CanJS still has significant contributions, popularity has not caught up.


Lines of Code and the Total Community Size


Total Commits and Total Lines of Code


Total Commits and Total Community Size


Factoring Community into your Next Technology Decision

• Community size and growth rate can show momentum,

but doesn’t always tell the story.

• Activity levels always matters, but varies based on the

age and maturity of a project.

• Comparing like projects can show where the

community investment is going.

• Your mileage may vary. Just because something is

popular doesn’t mean it’s the right choice for your

situation.

• This data is all readily available.


Tracking these Statistics – “At a glance”


From this data

• AngularJS and Ember appear to be the fastest

growing frameworks

• Lesser talked about full-stack Meteor is gaining

momentum

• The strong ecosystem surrounding Backbone

demonstrates both the popularity and commitment

to this approach


Evaluate This Session

Sign-in: www.eclipsecon.org

Select session from schedule

Evaluate:

1

2

3

Dave Gruber

Black Duck

[email protected]

@davegruber5

http://www.eclipsecon.org/2013/

The Top 10 JavaScript Frameworks, and the Communities ... 10... · The Top 10 JavaScript...

Documents

Transcript of The Top 10 JavaScript Frameworks, and the Communities ... 10... · The Top 10 JavaScript...