Javascript Resources & Cheatsheets - React, ES6 & Many More!

Author: Vincent Berger
Created: Mar 5, 2019

Modern Javascript Cheatsheet

This modern Javascript cheatsheet is provided by mbeaudru.

This guide is not intended to teach you JavaScript from the ground up, but to help developers with basic knowledge who may struggle to get familiar with modern codebases (or let's say to learn React for instance) because of the JavaScript concepts used.
Visit the cheatsheet of mbeaudru

ES6 (ECMAScript 6)

ES6 cheatsheet provided by

A quick overview of new JavaScript features in ES2015, ES2016, ES2017, ES2018 and beyond.
Visit the cheatsheet of


React cheatsheet provided by

React is a JavaScript library for building user interfaces. This guide targets React v15 to v16.
Visit the cheatsheet of


Node.JS cheatsheet provided by Yoni Goldberg

Node.JS, The largest Node.js best practices list
Visit the cheatsheet of Yoni Goldberg

Guide for JS frameworks & libraries

Cheatsheet provided by John Hannah

Guide for Javascript frameworks & libraries
Visit the cheatsheet of
Additonal: The ultimate guide to Javascript frameworks
Visit the cheatsheet of

Learning JavaScript Design Patterns

Cheatsheet provided by Addy Osmani

Learning JavaScript Design Patterns is released under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 unported license. It is available for purchase via O'Reilly Media but will remain available for both free online and as a physical (or eBook) purchase for readers wishing to support the project.
Visit the cheatsheet of Addy Osmani


Cheatsheet provided by W3School

JavaScript, HTML & DOM Cheatsheet.
This section contains a complete JavaScript reference documentation.

Visit the cheatsheet of W3school

JavaScript String Cheatsheet
Visit the cheatsheet of W3school

JavaScript Operators Cheatsheet
Visit the cheatsheet of W3school

JavaScript Array Cheatsheet
Visit the cheatsheet of W3school

JavaScript Date Cheatsheet
Visit the cheatsheet of W3school

JavaScript RegExp Cheatsheet
Visit the cheatsheet of W3school

Provide Your resources and/or cheatsheets!

If you come across a recourse or cheatsheet that involves Javascript or their frameworks/libraries,
Do not hasitate to place them in the comment section below.
This will be highly appericiated!☻

Place a comment related to this article


When u want to use a code block in your comment, you need to work with the <pre> and <code> tags.
You can specify the program language you want to use in the comment to assign the code tag class attribute with your program language name.
  <code class="javascript">
   //_ Use lowercase phrase within the code tags class attribute:
   //_ C++ refered as cpp
   //_ C# refered as cs
   //_ Objective-C and C both refered as c
   //_ refered as vbnet
   //_ And so on...
Available program languages:
  • Access log
  • Apache
  • AutoIt
  • Arduino
  • Bash
  • C
  • C#
  • C++
  • CSS
  • CoffeeScript
  • HTML or XML
  • JSON
  • Java
  • JavaScript
  • Nginx
  • Objective-C
  • PHP
  • Perl
  • Python
  • Ruby
  • SQL
  • Swift
  • PowerShell
We do not allow any direct type of links in the comment section.
Please format a link with with the following query:
domain dot com/?q=query
Thank you for understanding.

3248fsdf1283 Captcha

Back to Top