michaelrambeau / risingstars2016

A complete overview of the JavaScript landscape in 2016: trends about front-end and node.js frameworks, tooling... Available in English, Japanese and Chinese.

2016 JavaScript Rising Stars

A complete overview of the JavaScript landscape in 2016: trends about front-end and node.js frameworks, tooling, IDE, Static site generators...

Mentioned in JavaScript Weekly newsletter

Some interesting analysis of the JavaScript ecosystem based on GitHub star count growth in the past year for areas like frameworks, build tools, and testing frameworks.

Technical overview

This is an application created using:

• Gatsby
• Victory: a library to create SVG charts with React
• React Intl

It's hosted on Github Pages using the js.org domain.

File system:

• src: the application source code (React components)
• build: default production build created by npm run build (not committed to Git)
• docs: custom production build, created by deploy script, the final assets served by Github Pages

Commands

Start the development server:

npm start

Create the build (/public folder)

npm run build

Deploy to Github pages (generate the /docs folder)

npm run deploy

risingstars2016's Issues

Writing "2016 JavaScript Rising Stars"

First iteration

I wanted to publish a mini site to talk about the JavaScript landspape in 2016, using data collected by bestof.js.org application.

First it was called: "Best of 2016", and then "The JavaScript landscape in 2016".

The first version:

"2016 JavaScript Rising Stars" in Japanese

Hello @azukiwasher @meltedice @vanx2,
I'd like to translate in Japanese 🇯🇵 the content inside the folder i18n, in the branch feature/multilingual.

There are 2 kinds of files to translate:

• markdown files:
  • i18n/introduction/ja.md: the introduction
  • i18n/categories/*/ja.md: the 10 blocks of text (comments about the graphs)
  • i18n/conclusion/ja.md: the conclusion
• yaml files for String messages (short content): i18n/messages/ja.yaml

Inside the markdown files, {} is a place holder used to generate automatically links to the Github projects.
For example:

• before: aaaa {react} bbbb
• after aaaa [React](https://facebook.github.io/react/) bbbb

You can translate by updating the files directly from Github web UI, you don't have to run the project locally.

You are free, you can write something different from the English version!

Thank you very much!

Translate the JS Rising Stars in Chinese ?

Hello @egoist,

Just in case, would you like to translate the "2016 JavaScript Rising Stars" mini site in Chinese ? 🇨🇳 .
Or do you know someone who could do the translation ?

I created a multilingual version of the site, using Gatsby in this branch: https://github.com/michaelrambeau/risingstars2016/tree/feature/multilingual

It's only about markdown and yml files to translate (see #9 issue for details)

Of course I will add your name on the page if you work on the project 😄 .

Thank you in advance!

Promotion plan for the Japanese version

Hello @azukiwasher , @vanx2, @meltedice

I gave you access to GoogleAnalytics data.

In one week, we got 127 K Page Views with the English version.
The peak was on January the 20th, we got 50 K PageViews! (in 1 day)

The main source of visitors was HackerNews, the link I posted (https://news.ycombinator.com/item?id=13427209) got 253 points.

So let's try to think about what we can do to be successful in Japan 🇯🇵 !

@SachaG had a huge role in the success: he found the right title ("Rising Stars") and sent messages to important people.

My first ideas:

• Publish an entry on https://qiita.com/
• Add an entry on https://news.ycombinator.com/, it could be called "日本語のJavaScript Rising Stars 2016... but I don't know if Japanese people read Hacker News!
• Posts on personal Twitter and Facebook accounts

Comments, Ideas ?

Phenomic stars count is weird

Hi,

Thanks for this "tool", pretty nice to follow trends.
I am the author of Phenomic (static website generator using React) and I see +5xx stars but it's more +1.x stars in 2016 (see it by yourself http://www.timqian.com/star-history/#MoOx/phenomic)

Just curious where the data you have comes from.

Redfin's react-server?

You included https://github.com/zeit/next.js, any reason https://github.com/redfin/react-server wasn't included?

#7Build Tools: fuse.js?

Looks like a missguided link. Did you mean https://github.com/smebberson/fuse?

Hapi link is broken

In projects.json:

url: "hapijs.com",

This files looks autogenerated, so I’m not sending a PR for that.

P. S. Same for brunch.io.