Gain insights into JavaScript ES6+, ternary operators, 'this' object, built-in functions, and core concepts like composability and immutability to ease your React learning journey.

esprima.tar.gz

test

After teaching React extensively (33.000+ students), be it online for a larger audience or on-site for companies transitioning to web development and React, I always come to the conclusion that React is all about JavaScript. Most of it boils down to JavaScript ES6 and beyond features and syntax, but also ternary operators, shorthand versions in the language, the 'this' object, JavaScript built-in functions (map, reduce, filter) or more general concepts such as composability, reusability, immutability or higher-order functions. While you don’t need necessarily to master all of these before starting with React, they will come up while practicing it and so to learn them will put you at a great advantage. 

This course is my attempt to give you comprehensive JavaScript skills that will make your React journey smooth and straight-forward.

JavaScript Fundamentals Before Learning React

## What is `this`?
Almost all beginner JavaScript programmers struggle with the `this` keyword. The good news is that understanding `this` is actually much easier than it seems. In a nutshell, the value of `this` depends on what context it is used in. So, if it is used in a function, it's value will depend on how that function is invoked, i.e., the call site. Let’s go through the ways that `this` can be assigned in JavaScript.

## Implicit Binding
When the dot notation is used to call a function that is in an object or an object of a class, we say that `this` was bound implicitly. For example, consider the code sample below:


# What is `this`?
Almost all beginner JavaScript programmers struggle with the `this` keyword. The good news is that understanding `this` is actually much easier than it seems. In a nutshell, the value of `this` depends on what context it is used in. So, if it is used in a function, it's value will depend on how that function is invoked, i.e., the call site. Let’s go through the ways that `this` can be assigned in JavaScript.

# Implicit Binding
When the dot notation is used to call a function that is in an object or an object of a class, we say that `this` was bound implicitly. For example, consider the code sample below:


In this lesson, we study how the notorious 'this' keyword works in JavaScript in the context of explicit, implicit, new, and global binding.

Getting Started

Variables, Operators & Expressions

Functions

Classes

Modules

React

Appendix

Conclusion

The 'this' Keyword & Binding in JavaScript

What is `this`?

Implicit Binding