What is the difference between import * as react from ‘react’ vs import react from ‘react’

There are 3 types of most import commonly used imports.

Type 1

import * as A from 'abc';

This will import everything which is marked as export in abc. You can access them using below code.

A.Component 

Type 2

import {A} from 'abc';

This will import A from abc, containing something like this:

export const A = () => {};

Type 3

import A from 'abc';

This will import the default export from abc as A. The export can look like this:

const B = () => {}; // The name "B" is not exported, only the value.

export default B;  // at the end of component