Learn the fundamentals of JavaScript to make the React journey smooth.

Android Development with Ionic and React

Most of React comes down to JavaScript ES6 and its features and syntax. The fundamentals also include ternary operators, shorthand versions in the language, objects such as “this”, and JavaScript’s built-in functions (map, reduce, filter). It also includes general concepts such as composability, reusability, immutability, or higher-order functions. While we don’t necessarily need to master all these before starting with React, they will come up while practicing it, and learning these concepts will benefit us. 
This module will give us comprehensive JavaScript skills that will make our React journey smooth and straightforward.

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!