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 state?
The core of every React component is its state. The state determines what the component looks like, and you can update that as you go. The entire page won't reload if a component's state is updated only the component will - hence, it allows you to create pages that are dynamic and interactive. You can think of a component's state like water's temperature; changing temperature can significantly change what water looks like. If the temperature is brought below 0&deg;C the water will solidify, if it is between 0&deg;C and 100&deg;C it will be a liquid, and if brought above 100&deg;C it will turn into a gas and evaporate. You can change how water behaves and looks just by changing the value of temperature and that is exactly what state is in React, you can change how components behave and look just by changing the state. 

$$$$
## Creating a component with state
To be a little less abstract, the state is just an object in a React component that you can save and get data from such as strings and numbers. Let's see how the state is defined in a React component.

# What is state?
The core of every React component is its state. The state determines what the component looks like, and you can update that as you go. The entire page won't reload if a component's state is updated only the component will - hence, it allows you to create pages that are dynamic and interactive. You can think of a component's state like water's temperature; changing temperature can significantly change what water looks like. If the temperature is brought below 0&deg;C the water will solidify, if it is between 0&deg;C and 100&deg;C it will be a liquid, and if brought above 100&deg;C it will turn into a gas and evaporate. You can change how water behaves and looks just by changing the value of temperature and that is exactly what state is in React, you can change how components behave and look just by changing the state. 

$$$$
# Creating a component with state
To be a little less abstract, the state is just an object in a React component that you can save and get data from such as strings and numbers. Let's see how the state is defined in a React component.

What a React component looks like is a reflection of its state - in this lesson, we'll look at how to use it and some potfalls

Getting Started

Variables, Operators & Expressions

Functions

Classes

Modules

React

Appendix

Conclusion

State in React

What is state?

Creating a component with state