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 a React component in JavaScript?

There is a method in React component which is overidden to prevent updating the components. Which of the following is that method?

There is a method in React component which is overidden to prevent updating the components. Which of the following is that method?

The data is passed to a component through: 

The data is passed to a component through:

How would you write a JavaScript function inside JSX? 

How would you write a JavaScript function inside JSX?

Calling `setState` method inside `render()` does not generate any errors. Is this statement True or False?

Calling <code>setState</code> method inside <code>render()</code> does not generate any errors. Is this statement True or False?

JSX is not a type-safe language. Is this statement True or False?

JSX is not a type-safe language. Is this statement True or False?

The main purpose of using lifecycle methods is:

The main purpose of using lifecycle methods is:

React performs the operation the same number of times it is called

React gathers all states and performs the operation only once

The system hangs due to simultaneous `setState` calls 

What happens when you make multiple `setState()` calls within a function?

What happens when you make multiple <code>setState()</code> calls within a function?

Can components refer to other components? Answer in yes or no. 

Can components refer to other components? Answer in yes or no.

The `div` element that is defined inside a render method is an actual DOM element. Is this statement true or false?

The <code>div</code> element that is defined inside a render method is an actual DOM element. Is this statement true or false?

Test your knowledge of React with this short quiz!

Getting Started

Variables, Operators & Expressions

Functions

Classes

Modules

React

Appendix

Conclusion

Quick Quiz on React!