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

### Installing node
If you are developing with JavaScript, there is no way around [node and npm](https://nodejs.org/en/). You can find the installation instructions on the official website. Installing node will install `npm` (node package manager) as well. The node package manager is used to install libraries/frameworks (node packages) using the command line for your project whereas the 'node' command itself can be used to compile and run a JS file in a terminal, i.e. 

> $ ``` node example.js ```
$$$$
There exists an alternative to install and manage node: [nvm](https://nodejs.org/en/). You should be able to install it via [Homebrew](http://brew.sh/) for MacOS, and there exists [a Windows version for nvm](https://github.com/coreybutler/nvm-windows) too. I highly recommend using nvm, because you can install and manage multiple node versions with it. Furthermore, it helps you to install your node version as well.

$$$$
### Starting a create-react-app Project 
Follow the official [create-react-app](https://github.com/facebook/create-react-app) setup guide and read the file `App.js` which contains skeleton code for a React App. It should look something like the following.


# Installing node
If you are developing with JavaScript, there is no way around [node and npm](https://nodejs.org/en/). You can find the installation instructions on the official website. Installing node will install `npm` (node package manager) as well. The node package manager is used to install libraries/frameworks (node packages) using the command line for your project whereas the 'node' command itself can be used to compile and run a JS file in a terminal, i.e. 

> $ ``` node example.js ```
$$$$
There exists an alternative to install and manage node: [nvm](https://nodejs.org/en/). You should be able to install it via [Homebrew](http://brew.sh/) for MacOS, and there exists [a Windows version for nvm](https://github.com/coreybutler/nvm-windows) too. I highly recommend using nvm, because you can install and manage multiple node versions with it. Furthermore, it helps you to install your node version as well.

$$$$
# Starting a create-react-app Project 
Follow the official [create-react-app](https://github.com/facebook/create-react-app) setup guide and read the file `App.js` which contains skeleton code for a React App. It should look something like the following.


In this lesson, we Install node and npm to set up a create-react-app project and have a look at a React class component

Getting Started

Variables, Operators & Expressions

Functions

Classes

Modules

React

Appendix

Conclusion

Setting up the create-react-app

Installing node

Starting a create-react-app Project