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

All the cases discussed in the previous lesson were named imports and exports. But there exists the default statement too. Adding a `default` keyword before any class definition makes it a default thing which we want to export from the given module. It can be used for a few use cases:

- to export and import a single functionality from a module
- to highlight the main functionality of the exported API of a module
- to have a fallback import functionality

$$$$
#### Syntax:
- To make a class default export inside a module
```JavaScript
export default class_name {....}
```
- To import a default export class from a module
```JavaScript
import class_name from module_name;
```

All the cases discussed in the previous lesson were named imports and exports. But there exists the default statement too. Adding a `default` keyword before any class definition makes it a default thing which we want to export from the given module. It can be used for a few use cases:

- to export and import a single functionality from a module
- to highlight the main functionality of the exported API of a module
- to have a fallback import functionality

$$$$
# Syntax:
- To make a class default export inside a module
```JavaScript
export default class_name {....}
```
- To import a default export class from a module
```JavaScript
import class_name from module_name;
```

This lesson briefly explains the difference between Named and Default exports and how to make to both type of exports in JavaScript.

Getting Started

Variables, Operators & Expressions

Functions

Classes

Modules

React

Appendix

Conclusion

Named & Default Exports