Named Imports vs Object Destructuring

preview_player
Показать описание

I'll show you why/how they're different and why that matters.
  1. Kent C. Dodds
  2. javascript
  3. es6
  4. devtipswithkent
Рекомендации по теме
Named Imports vs 0:12:57

Named Imports vs Object Destructuring

JavaScript ES6 Modules 0:07:39

JavaScript ES6 Modules

There's More to 0:19:13

There's More to Know About This JavaScript Feature - Object Destructuring in Detail

Require vs Import 0:22:39

Require vs Import Javascript

Learn Dynamic Module 0:11:37

Learn Dynamic Module Imports In 11 Minutes

Differences with Default 0:06:13

Differences with Default and Named Exports - ES6 JavaScript

Object Destructuring In 0:07:30

Object Destructuring In JavaScript | JavaScript Object Destructuring Tutorial

Destructuring in ES6 0:06:10

Destructuring in ES6 - Beau teaches JavaScript

JavaScript : ES6 0:01:35

JavaScript : ES6 Destructuring and Module imports

ReactJS Tutorial - 0:04:45

ReactJS Tutorial - 12 - Destructuring props and state

💥 Learn ES6 0:06:33

💥 Learn ES6 Object Destructuring (in Typescript), Shorthand Object Creation and How They Are Related...

ES6 and Typescript 0:08:58

ES6 and Typescript Tutorial - 26 - Named Exports

import / export 0:03:19

import / export (modules) - Beau teaches JavaScript

JavaScript Destructuring Arrays 0:19:41

JavaScript Destructuring Arrays and Objects

JavaScript Syntaxes : 0:26:51

JavaScript Syntaxes : Destructuring Assignment, Spread and Rest

Object Destructuring 0:06:24

Object Destructuring

Modules in JavaScript 0:10:55

Modules in JavaScript | JavaScript Tutorial in Hindi #97

How to use 0:09:20

How to use object destructuring in javascript | Telugu Tutorial

Improve your Projects 0:18:38

Improve your Projects with Destructuring and Modules

Exercises: Destructuring Syntax 0:28:13

Exercises: Destructuring Syntax - Javascript In Depth

Import / Export 0:11:31

Import / Export in Javascript | Javascript Modules | Complete Web Development Course #51

Destructuring assignment and 0:15:01

Destructuring assignment and Spread Operator | JavaScript Tutorial in Hindi #87

How to import 0:05:59

How to import JavaScript files (import JS File into other JS File)

JavaScript ES6, ES7, 1:05:27

JavaScript ES6, ES7, ES8: Learn to Code on the Bleeding Edge (Full Course)

Комментарии
Автор

Super interesting that it's a runtime vs. compile time concern... I can definitely see how allowing the destructuring syntax in imports could be misleading. Thx for the explanation 🥳

HarrySolovay
Автор

Another reason the destructuring isn’t allowed is that you’re exporting the variables, not their values. For example, if you export a `let`-declared variable, it’s immutable when imported, but the original module can still change it and the value will update in all the dependents immediately. If you could destructure an imported value in the import statement, not only would the engine have to run the getter (if any) whenever the variable is accessed, if the original export is set to null or undefined at some point in the future, the destructuring would somehow have to become retroactively illegal.

jed_fox
Автор


I usually check “hide type keys” and “hide location data” since the type is shown before the `{` and the location data isn’t too useful for humans. These remove those keys from the displayed output so you can see more on the screen.

jed_fox