1-current-syntax.md

Raw

current import ecmascript syntax for modules

import React from 'react';
import PropTypes from 'prop-types';
import { Add } from '@material-ui/icon';
import { Chip, Divider, Grid, Typography } from '@material-ui/core';
import SelectAttributes from './SelectAttributes';
import Translations from '../../../container/Translations';

Raw

2-proposal-import-group.md

below you can see an example of the import groups definition. the syntax is similar to the golang import.

import (
  React            from 'react';
  PropTypes        from 'prop-types';
  import { Add } from '@material-ui/icon';
  import { Chip, Divider, Grid, Typography } from '@material-ui/core';
  SelectAttributes from './SelectAttributes';
  Translations     from '../../../container/Translations';
)

Raw

3-proposal-import-group.md

this is an other example to demonstrate the benefit of using multiple import statements. you can better group imports, for example of a framework, by writing the group syntax. the example below showthe import of react, multiple material ui components and two app related components.

import React     from 'react';
import PropTypes from 'prop-types';
import (
  import { Add } from '@material-ui/icon';
  import { Chip, Divider, Grid, Typography } from '@material-ui/core';
)
import SelectAttributes from './SelectAttributes';
import Translations     from '../../../container/Translations';

paulvollmer/1-current-syntax.md