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

A function passed into another function as an argument is called:

A function passed into another function as an argument is called:

A function that returns an iterator using `yeild` keyword is called:

A function that returns an iterator using <code>yeild</code> keyword is called:

Displays all users' name in the same line

What would the following code do?

```JavaScript
render(){
 let users = [ 
 { 'name' : 'Elton Jhon', 'age' : 60 }, 
 { 'name' : 'Elvis Persley', 'age' : 50 }, 
 { 'name' : 'Kurt Cobain', 'age' : 24} 
];
 return (<div>
 {users.map(user => {user.name})}
 </div>)
}
```

What would the following code do?
<pre><code class="language-JavaScript">render(){
 let users = [ 
 { 'name' : 'Elton Jhon', 'age' : 60 }, 
 { 'name' : 'Elvis Persley', 'age' : 50 }, 
 { 'name' : 'Kurt Cobain', 'age' : 24} 
];
 return (&lt;div&gt;
 {users.map(user =&gt; &lt;p&gt;{user.name}&lt;/p&gt;)}
 &lt;/div&gt;)
}
</code></pre>

Returns "Cool" or "Not Cool" based on the value of `val`

What would this code do?

```JavaScript
function coolFunction(val){
	return val? "Cool" : "Not Cool"; 
}

var val = true;

What would this code do?
<pre><code class="language-JavaScript">function coolFunction(val){
	return val? &quot;Cool&quot; : &quot;Not Cool&quot;; 
}

var val = true;</code></pre>

Adds all the elements present in the array

What would the following function do?

```JavaScript
function myFunction(my_array){
	return my_array.filter(function(num, position)){                       
                         		return my_array.indexOf(num) == position;
                         }
}

What would the following function do?
<pre><code class="language-JavaScript">function myFunction(my_array){
	return my_array.filter(function(num, position)){ 
 		return my_array.indexOf(num) == position;
 }
}</code></pre>

Test your knowledge of JavaScript Functions with this short quiz!

Getting Started

Variables, Operators & Expressions

Functions

Classes

Modules

React

Appendix

Conclusion

Quick Quiz on JavaScript Functions!