3 min. read


ReactJS (JavaScript Library)

methodical learner

React static generator

ECMAScript 6

This is where State Management comes in. Instead of storing your state (in other words, your data) bit by bit in each component, you store it in a single global store that then dispatches it to your React components:

You can think of Redux as a bank: you can’t go to your local branch and manually modify your account total (“here, let me just add a couple extra zeroes!”). Instead, you fill out a deposit form, then give it to a bank teller authorized to perform the action.

Similarly, Redux also won’t let you modify your global state directly. Instead, you pass actions to reducers, special functions that perform the operation and return the new, updated state as a result.

GraphQL exposes a single endpoint that lets the client query for the data it needs.

Think of it as making multiple trips to the butcher shop, bakery, and grocery store, versus giving someone a shopping list and sending them on their way to all three.

Compared to React, some of its key selling points are:

Officially-maintained routing and state management libraries.
Focus on performance.
Lower learning curve thanks to using HTML-based templates.
Less boilerplate code.

As it stands, the two main things that still give React an edge over Vue are the size of the React ecosystem, and React Native (more on this later). But I wouldn’t be surprised to see Vue catch up soon!

Elm is not just a framework, but an entire new language that compiles down to JavaScript.
This brings multiple advantages, such as improved performance, enforced semantic versioning, and no runtime exceptions.

JavaScript Server-side
Node, ExpressJS

JavaScript Testing
Jest, Enzyme

Build Tools

Type Systems
TypeScript, Flow

CSS Modules
Styled Components

Expressions vs Statements


JavaScript Optional Chaining Operator


HTML, CSS, and JavaScript: The Big Picture - Pluralsight