Антон Спирин

В 99.99% случаев ваш диплом никому не интересен.
При этом класть на учебу не стоит.

Использовать @font-face и настроить webpack-file-loader для файлов шрифтов.
Нет принципиальной разницы будете вы при этом использовать injectGlobal или импорт scss/css файла.

API возвращает:
"\"[...]\""
Надо парсить 2 раза.

P.S. Остается загадкой зачем вы используете для запросов JQuery.

render() {
  return (
    <Switch>
      <Route path='/category/list' render={() => this.getCategoryListWithBinding()} />
      <Route path='/category/form/:id' render={() => this.getCategoryFormWithBinding()} />
      <Redirect to='/category/list' />
    </Switch>
  );
}

Если лайаут одинаковый на каждом маршруте:

render() {
  return(
    <Wrapper>
      <Header />
      <Main />
      <Footer />
    </Wrapper>
  );
}

в компоненте Main располагаете Switch с маршрутами.

Если на разных страницах он может быть разный. То можно сделать контейнеры для контента:

const MainPageLayout = ({ children }) => (
  <Wrapper>
    <Header />
    <PageContent>
      {children}
    </PageContent>
    <Footer />
  </Wrapper>
);

и оборачивать в него код страницы:

const SomePage = () => (
  <MainPageLayout>
    {/* page code */}
  </MainPageLayout>
);

а в главном компоненте расположить Switch с маршрутами.

Компонент Router лучше расположить над всем приложением:

<Provider>
  <Router>
    <App />
  </Router>
</Provider>

for (let price in prices) {
  price['per_user'] = parseInt(price['per_user']);
  price['periodic'] = parseInt(price['periodic']);
}

Для шаблонных строк используются обратные кавычки:
const template = `Hello, ${username}!`;

Все зависит от задачи. Если надо показывать страницу по другому пути, то используйте роутер, если нет, то state.

if (a >= 1.3 * b) {
  // do something
}

1. Почитайте о современных модульных возможностях JavaScript.
2. Если пишите внешнюю библиотеку, то почитайте о том как правильно организуют универсальные подключаемые модули.

Язык не использует свойство prototype.constructor в служебных целях. Оно нужно лишь для того, чтобы получить ссылку на функцию создавшую объект.

function MyDataView() {
  this.position = 0;
}

const view = new MyDataView();

console.log(view.position); // 0

1. React приложение это лишь модуль который рендерится в древе вашей страницы. Соответственно, это может быть как полноценное SPA приложение, так и небольшой виджет, ничего не подозревающий о содержимом остальной части страницы. Тут все зависит от задач, которые вы перед собой ставите.
2. Собирать бандл лучше с помощью webpack. Это сейчас стандарт фронтенд разработки.
3. Стили можно организовывать множеством способов. В экосистеме имеется множество разных инструментов для решения этой задачи. Если планируете переиспользование своего виджета, то стили лучше писать изолированные, если это лишь неотъемлемая часть проекта, содержащая сложную логику, то можно смело использовать общие стили проекта. Возвращаясь к вашему вопросу, нет, стили подключать напрямую не обязательно.

const Article = styled.div`
  &:before {
    background-image: url(${props => props.beforeImage});
  }
  &:after {
    background-image: url(${props => props.afterImage});
  }
`;

<Article beforeImage={beforeImage} afterImage={afterImage}>
  {/* ... */}
</Article>

{data.clients.map((value, index) => <Table.Cell key={index}>{value}</Table.Cell>)}

либо:

{data.clients.map((value, index) => (
  <Table.Cell key={index}>{value}</Table.Cell>
))}

Handling Events