Import & export

[sherwinsayo420]

why the Provider imported module is inside of curly braces? and the React, ReactDOM are no curly braces?

[liyaquathhassan]

1. Import all exports into current module scope — import * from "my-module.js"
2. Import particular named exports — import { func1, obj2 } from "my-module.js"
3. Import the default export — import func from "my-module.js"
4. Run a module’s global code but not import anything — import "my-module.js"
5. Dynamic importing a module — import("my-module.js").then((module) => { //...do something })

Source and Read more about imports in JavaScript

[ArielLeslie]

React is the default export of 'react'.
ReactDOM is the default export of 'react-dom'.
Provider is not the default export of 'react-redux'.

[maheshdama13]

for Default Export

import person from './person.js'

or

import per from './person.js'

Imports default and only export of the imported file. We can give any name.

---

for Named Export

import {calSal} from './actions.js'
import {baseSal} from './actions.js'

Need to specify the export name you are importing from the file.

---

You can import all the named exports as a bundle from a file as follow

import * as all_actions from './actions.js'`