vadimMalovaniy

Зачем вам БЭМ в ангулар? У вас есть инкапсуляция, не усложняйте верстку в том месте, где это вообще не нужно. Разберитесь в проблемах, которые решает инструмент под лейблом БЭМ и задайте себе вопрос - зачем он в ангулар?

JavaScript - это не PHP. Здесь не файл подставляются при require, а импортируется метод, функция, класс или что-то другое из подключаемого файла. При этом, вы не можете использовать функции, если они не импортированы и не экспортированы в самом файле.

Читайте документацию по модулям: https://learn.javascript.ru/modules

указать alias в webpack

resolve: {
        alias: {
            '~': path.resolve(__dirname, 'src'),
            '~i': path.resolve(__dirname, 'src/images/img/icons'),
        }
    },

В проекте подключать как:
import Img from '~i/sign-out.svg';

Забыли:

ReactDOM.render(
  <News data={myNews} />,
  document.querySelector('#root')
);

Я понимаю, что нельзя передать объект Date.

Передать можно, нельзя отрендерить. Соответственно, и к строке приводить нужно там, где рендерите.

Выполняете setState до получения ответа (метод onSearchChange).

Когда ваше приложение готово к развёртыванию в продакшене, запуск команды npm run build создаст оптимизированную сборку вашего приложения в папке build.

reactjs.org

https://redux.js.org/api/combinereducers#reducers-...

const str = '|15||12||56||35||21||42||42|';
const arr = str.split('|');
const result = arr.reduce((acc, item) => acc + Number(item), 0)
console.log(result);

Вопрос сам по себе глупый. Jquery - это и есть js. По сути, это набор функций, упрощающий разработку и сокращающий код. То что будет быстрее зависит от твоего ур-я. jq писали не глупые люди, сможешь ли ты написать лучше? Не думаю. Другое дело, что функции в jq более универсальны, для этого приходится жертвовать скоростью, но разница в скорости выполнения скрипта будет в пару десятков миллисекунд, а вот что касается скорости загрузки, ты можешь сократить код с jquery на 20-30% минимум.

handleChange = e => {
    this.setState({ [e.target.name]: e.target.value })
  }

....

 <input type="text" name="text1" onChange={this.handleChange} />
 <input type="text" name="text2" onChange={this.handleChange} />
 <input type="text" name="text3" onChange={this.handleChange} />

Шаблонные строки

<Image className="card-img-top profile__img img-vehicle" source={{uri:`https://localhost/image/${params.name.image}.jpg`}} />