Category "ecmascript-6"

Why does Javascript `iterator.next()` return an object?

Help! I'm learning to love Javascript after programming in C# for quite a while but I'm stuck learning to love the iterable protocol! Why did Javascript adopt

Restructuring the object using different name [Object manipulation]

I have a use case where I have to restructure the object. Initial I have this object { name: 'Tommy Kerar', mandatoryRequirements : [{ name:

How to render conditional with classNames with Reactjs

I am trying to use classNames to replace the conditional below in one line. My problem is that i am not sure what is the right way to write the code because of

How to access the class itself from within a class without using its name [duplicate]

Is it possible to access the class itself inside of a classes function: class MyClass { static get myFunction() { return "foo"; } const

handle multiple checkboxes and complex data structure (reactjs)

Since I am pretty new to React and also not a huge expert on JS especially ES6, I wonder how to make my code (that works) prettier and refactor it. I want to h

Average with the Reduce Method in JavaScript

recently I tried to calculate Average with the Reduce Method In JavaScript​ here is may code var arr = [129, 139, 155, 176]; var result = arr.reduce(fu

changing video source in useEffect based on language change

I'm trying to play different videos on language change. however the same video always plays, useEffect(() => { console.log("language changed: ", i18n.langua

is it possible to run a rollup plugin without an input file (in a multi bundle instance)?

I have a situation where I am bundling multiple files via rollup cli an example of this is available in documentation. I export an array of bundles like so: e

How to block cookies until consent is given with Javascript [duplicate]

My company has given me the task of creating a cookie consent package that can be included in any of our different Javascript single-page appl

Is destructing assigning in JavaScript shallow or deep copy?

I'm confused by the destructing assigning in JavaScript about shallow and deep copy. For example, const obj = {key:{}, value:{}} let {key} = obj key = {msg: 'he

Are TemplateObject arrays for tagged template literals weakly referenced by their realm?

while (c) { tag`str0 ${e} str1` } The JavaScript runtime creates a frozen array like Object.freeze(['str0 ', ' str1']) but with an additional .raw property.

Storing React form data in a nested object with useState

I'm building out a form with React, and I want to store the form fields in an object with nested data like this: { name: "Test User", email: "[email protected]

Jest : TypeError: require(...) is not a function

The application is written by React with ES6 so import and export statements are used inside the application. So Jest is configured to work compatible with ES6,

Can I set the filename of a PDF object displayed in Chrome?

In my Vue app I receive a PDF as a blob, and want to display it using the browser's PDF viewer. I convert it to a file, and generate an object url: const blob

es6 import for side effects meaning

I was reading the es6 import statement reference on MDN. The syntax: import "my-module"; will import an entire module for side effects only, without importin

What is the purpose of the script scope?

When inspecting scopes of a function in the DevTools console I noticed a "script" scope. After a bit of research it seems to be created for let and const variab

super keyword unexpected here

According to ES6 shorthand initialiser, following 2 methods are same: In ES5 var person = { name: "Person", greet: function() { return "Hello " + thi

How to deploy app to Heroku if you use Babel and ES6?

I am wrecking my head trying to deploy the app to Heroku. The problem is that I am using ES6 with Babel. I've found many articles about that but none of them

How to detect when the div element width change (not window resize) in JS?

I have a scenario, if div element width changes, i need to perform some functionality. So is there any way to detect that element width changes (not window resi

How to know when all Promises are Resolved in a dynamic "iterable" parameter?

My problem is that I don't know how to know when a dynamic promise array has all the promises resolved. Here an example: var promiseArray = []; promiseArray.p