Modern JS Cheat Sheet

Welcome to my Modern JS cheat sheet!

It is not at all comprehensive, if you would like to know more about any of the mentioned technologies you should check out the docs for them as they are great! The intention of this document is to give a high level and less technical description of the current state of Javascript for the Frontend.

ES6

ES6 is the superset of features that we can use because of Babel, a tool that transpiles our code. These features have made the language very nice to work with and are heavily used in many web frameworks such as React and Angular.

Here is a list of ES6 Specific Topics:

• Arrow functions
• Modules (Importing and Exporting)
• Object property shorthand
• Template Literals (String Interpolation)
• Spread and Rest
• Destructuring
• const, let, var

React

React is a really powerful and surprisingly simple UI framework that allows Software Engineers create stateful web applications with ease.

Here is a list of React Specific Topics:

• Props
• Prop-types
• Class Component
  • Constructor
  • State
  • Default Props
  • Lifecycle Methods
  • Class Methods
  • Render Method
• Pure (Stateless) Component
• JSX
• Children
• Virtual DOM