Next-Gen JavaScript

We’ve already talked about what React is. Now we are going to review Javascript, everything that is used intensively in React applications.

React apps are typically built with the latest version of Javascript and using next-gen features allows us to write clean and robust React apps. React itself uses many next-generation Javascript features.
Therefore, it is important that you understand all these features and not get confused by them. Javascript is evolving rapidly and so new features may look different but they really allow us as developers to do more powerful things.

Understanding “let” and “const”

These are two keywords that you will see a lot in this course, especially const. Let and const are different ways of creating variables.

Previously, to the version of Javascript that we use in this course, there was already another reserved word called var, with which variables are created in Javascript. Those variables that never really change are what we call constants. In these previous versions of JS, only the var keyword was used to define variables that change and do not change (constants) of value.

With ES6, a version of Javascript, two different keywords, let and const, were introduced.

Var still works, but we strongly recommend using let and const.

Arrow Functions

Arrow functions are a new way of defining functions.

Arrow functions were introduced in the ES2015 Javascript specification giving us a more compact syntax for declaring functions that also allows us to forget about some of the headaches of working with this variable.

Exports & Imports

Another feature that Next-Gen JavaScript offers is modular coding so that the JS code is split across multiple files.

And obviously, we can already split our code into multiple files. We just have to import them in the correct order in our HTML files. And the idea behind export and import statements and so-called modules is that within a JS file, we can import content from another file so that the JS files know about their dependencies.

Understanding the classes

Another core feature of Next-Gen JavaScript is classes. If you’re coming from some other programming language, you might already know classes.

Classes are essentially representations of objects, in this case, Javascript objects. A class is created with the class keyword, and a class can have both properties and methods. Methods are simply functions attached to classes, while properties are variables attached to classes.

Classes, Properties and Methods

In the previous video, we learned about classes and we learned about properties and methods.

There too. Now, Next-Gen JavaScript also offers a different syntax for initializing properties and methods.

Spread & Rest Operators

The Spread ( … ) operator is used to spread an array or the properties of an object.

The Rest operator is used to merge a list of a function’s arguments into an array.

Let’s see in this video see how they are used. It is easier to see how they work first to understand them and then go on to read the different existing definitions of them that you can find on the web.

Destructuring

Destructuring is a new feature of Next-Gen JavaScript. It consists of extracting elements from an array or properties of an object and storing them in a variable.

A more academic description would be that the destruct syntax is a JavaScript expression that allows you to unpack values of arrays or object properties into different variables.

Data types in JS

Primitive and reference types.

The primitive types are String, Number, Boolean, Undefined, Null, and Symbol (ES6).

Reference types are all JS objects.

Array methods in Javascript

Here we show the methods of Javascript arrays that as developers we should know about.

0 replies

Want to join the discussion?
Feel free to contribute!

Next-Gen JavaScript

Understanding “let” and “const”

Arrow Functions

Exports & Imports

Understanding the classes

Classes, Properties and Methods

Spread & Rest Operators

Destructuring

Data types in JS

Array methods in Javascript

Leave a Reply

Leave a Reply Cancel reply

Search

Suscribe to our Blog

JlvbCoop

Next-Gen JavaScript

Understanding “let” and “const”

Compartir esta entrada

Arrow Functions

Compartir esta entrada

Exports & Imports

Compartir esta entrada

Understanding the classes

Compartir esta entrada

Classes, Properties and Methods

Compartir esta entrada

Spread & Rest Operators

Compartir esta entrada

Destructuring

Compartir esta entrada

Data types in JS

Compartir esta entrada

Array methods in Javascript

Compartir esta entrada

Leave a Reply

Leave a Reply Cancel reply

Search

Suscribe to our Blog

JlvbCoop