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

### Component syntax evolution
React’s way of defining components has evolved. In its early stages, the React.createClass() method was the default way of creating a React class component. Nowadays, it isn’t used anymore, because, with the rise of JavaScript ES6, the previously used React class component syntax became the default.

However, JavaScript is continually evolving, and thus JavaScript enthusiasts pick up new ways of doing things all the time. That’s why you will often find different syntaxes for React class components. One way of defining a React class component, with state and class methods, is the following:

# Component syntax evolution
React’s way of defining components has evolved. In its early stages, the React.createClass() method was the default way of creating a React class component. Nowadays, it isn’t used anymore, because, with the rise of JavaScript ES6, the previously used React class component syntax became the default.

However, JavaScript is continually evolving, and thus JavaScript enthusiasts pick up new ways of doing things all the time. That’s why you will often find different syntaxes for React class components. One way of defining a React class component, with state and class methods, is the following:

In this lesson, we'll study some ways that can make our React component declaration shorter and simpler.

Getting Started

Variables, Operators & Expressions

Functions

Classes

Modules

React

Appendix

Conclusion

React Component Syntax

Component syntax evolution