Совет: React + webpack # 4827

Если вы используете response, скорее всего, вы используете весь стек babel + jsx + webpack (и вы чертовски правы).

Ваши файлы компонентов, а их 1627219, выглядят так:

import React from 'react'
export function YourComponent() {
 return <span>Hello, I do nothing</span>
}

Вот совет, который сэкономит много времени в вашем webpack.config.js:

plugins: [
  new webpack.ProvidePlugin({
    React: 'react',
  }),
],

Это позволяет вам опустить строку import React from ‘react’ во всех ваших файлах компонентов, и это будет работать точно так же:

export function YourComponent() {
 return <span>Hello, I do nothing</span>
}

Бонус: поскольку вы больше не импортируете React напрямую, это предотвращает появление ошибки в eslint, поскольку 'React' определен, но никогда не использовался no-unused-vars`.