Modern JavaScript Cheatsheet
A reference sheet explaining modern JavaScript syntax you meet in current codebases.mbeaudru/modern-js-cheatsheet
- Stars
- 25.6k
- Forks
- 3.1k
- Licence
- MIT
- Language
- —
- Last update
- 2.1 years ago
- Type
- Learning resource
No commits in over a year — check for forks or alternatives before adopting.
What it is
This is a cheatsheet covering JavaScript features (mostly from ES2015, often called ES6) that you will often see in modern projects and sample code, such as const/let, arrow functions, destructuring, promises, and async/await. Each concept has a short explanation, sample code, and links to further reading. It is meant as a quick reference for developers who know basic JavaScript but find modern codebases hard to read.
- Look up the difference between var, let, and const with a comparison table
- Check sample code for arrow functions, destructuring, or the spread operator
- Review how promises and async/await handle errors
- Find external resources such as MDN and You Don't Know JS for deeper study
Great for
- Developers with basic JavaScript who are starting to read React or other modern codebases
- Students who want a quick reference for ES6-era syntax
- Developers refreshing concepts like scope, promises, or async/await
- People who prefer short examples with links to deeper material
Not ideal for
- Complete beginners, because the README says it does not teach JavaScript from the ground up
- Readers who want a full specification or exhaustive language reference, since it covers selected concepts and links to MDN for more
How to get it
- 1
Read it online
Clone the repository
git clone https://github.com/mbeaudru/modern-js-cheatsheet - 2
Run it
- Open https://mbeaudru.github.io/modern-js-cheatsheet/ in a browser
- Use the table of contents to pick a topic such as Promises or Async Await
- Read the short explanation and sample code, then follow the external resources for more depth
- 3
Get the most out of it
- Read the Complementary Resources list alongside the cheatsheet, since it points to MDN, Eloquent JavaScript, and other references
- Use the Glossary section for terms like scope and variable mutation
- Check the Table of Contents to jump to only the concepts you need
Downloads
Strengths
- Short, example-driven sections that are easy to scan
- Links to well-known external resources for each topic
- Includes the author's personal recommendations, clearly labeled as such
Trade-offs
- The README is truncated in this analysis, so the full list of topics could not be verified here
- It is a reference rather than a course, so it assumes prior JavaScript knowledge
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| modern-js-cheatsheet (this) | 25.6k | Learning resource | beginner | 2.1 years ago | Developers with basic JavaScript who are starting to read React or other modern codebases |
| javascript-questions | 65.3k | Learning resource | beginner | 2.3 years ago | Developers preparing for JavaScript coding interviews |
| 33-js-concepts | 66.5k | Learning resource | beginner | 15 days ago | Developers who know basic JavaScript and want to fill gaps in core concepts |
| electron-vue | 15.3k | Learning resource | intermediate | 4.8 years ago | Developers who already know Vue and want to build a desktop app |
| javascript | 148k | Learning resource | beginner | 7 months ago | Teams that want one shared JavaScript style without debating every rule |
| babel | 44.1k | Dev tool | intermediate | 4 days ago | Web developers who want to use recent JavaScript syntax while still supporting older browsers |
Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.