:stars: An overview of the JavaScript landscape in 2022: trends about frontend, Node.js, fullstack frameworks, build tools, testing, Vue.js, React, state management...
[![image](https://risingstars.js.org/img/2022/en/rising-stars.png)](https://risingstars.js.org/)

# JavaScript Rising Stars

An overview of the JavaScript landscape in 2022: trends about front-end, back0end and fullstack frameworks, React and Vue.js ecosystems, build tools, testing, state management, GraphQL...

## Team members

- [Alexey Pyltsyn](https://lex111.ru/)
- [Benjamin Blackwood](https://twitter.com/B_Blackwo)
- [Frank Xu](https://github.com/frankyxhl)
- [Javier Valencia](http://www.jvalen.com)
- [L1lith](https://github.com/L1lith)
- [Michael Rambeau](https://michaelrambeau.com)
- [Misol Goh](https://github.com/melancholy14)
- [Nobuhiro Uchiyama](https://github.com/azukiwasher)
- [Oh TaeJun](https://github.com/rewrite0w0)
- [Rana Kualu](https://github.com/NurseAngel)
- [Sacha Grief](http://sachagreif.com/)
- [Sebastien Lorber](https://sebastienlorber.com/)
- [Seognil LC](https://github.com/seognil)
- [Shigeto Yatani](https://www.facebook.com/vanxx2)
- [王仕军](https://github.com/wangshijun)
- [Yohei Ice](https://github.com/meltedice)

Special thanks:

- The content of 2021 and 2022 editions of the Rising Stars was double checked by [L1lith](https://github.com/L1lith).
- [Benjamin Blackwood](https://twitter.com/B_Blackwo) was the co-author of the 2020 edition.
- [Sacha Grief](http://sachagreif.com/) did a lot of work about the design and the content of the first editions (2016, 2017, 2018, 2019).

## Stack

- Built with [Next.js](https://nextjs.org/)
- Hosted on [Vercel](https://vercel.com/)
- Domain provided by [js.org](https://dns.js.org/)

## How to contribute?

Requirements: [PNPM](https://pnpm.io/), Node.js 16+

- Clone the repo
- Install the dependencies: `pnpm install`
- Start the development server: `pnpm run dev`
- Check the following URL: `http://localhost:3000/`
- Update the comments in your language (see below)

## Translations

The content to translate are located in the `i18n` folder.

There are 2 types of file to translate:

- markdown content inside the `md` folder
- key/values messages stored as JSON in the `messages` folder

```
./i18n
├── md
│   └── collections
│       └── 2020
│           └── en
│               ├── categories
│               │   ├── all.md
│               │   ├── angular.md
│               │   ├── build.md
│               │   ├── framework.md
│               │   ├── nodejs-framework.md
│               │   ├── react.md
│               │   └── vue.md
│               ├── conclusion.md
│               ├── guests
│               │   ├── atinux.md
│               │   ├── bblackwo.md
│               │   └── leerob.md
│               └── introduction.md
└── messages
    ├── 2020
    │   └── en.json
    └── common
        ├── en.json
```
