What is the signifance of each group name? what do they mean?

Some of the words might be obvious to seasoned developers, but for others it's not so obvious.

Here's my understanding :

src/App/AppContainer.js where ~ is an alias to src/**

import fs from 'fs' // builtin
import path from 'path' // builtin

import React, { Component } from 'react' // external
import '@babel/register' // external

import { MagicalPonyContainer } from '~/unicorns/MagicalPonyContainer' // internal ?

import { TrollFaceContainer } from '../Components/TrollFaceContainer' // parent ?

import 'omgfacerolllmao' // unknown ?

import './something/index.js' // index ? 

import { App } from './App' // sibling ?
import './App.scss' // sibling ?

// no idea what object would be.

This could all be wrong, or it's completely right. In any case I feel it's worth illustrating this in the readme.

I'm happy to make a PR on this, but perhaps some guidance and input from others with a better understanding would be great.