Для чего нужен «ответ-горячий-загрузчик / бабель»?

Question

У меня настроена реагирующая горячая перезагрузка на основе начала на npm. Первым шагом было добавление

// .babelrc
{
  "plugins": ["react-hot-loader/babel"]
}

У меня есть однокомпонентное приложение со счетчиком состояний и кнопкой, которая увеличивает счетчик состояний. При проверке этого он работает и сохраняет свое состояние с / без этого плагина в моем .babelrc, когда я добавляю / удаляю случайные компоненты в моем методе render ().

Итак, мой вопрос: что задумал этот кусок головоломки? почему это требуется?

Приложение, которое я использую для проверки этого,

import { hot } from 'react-hot-loader/root';
import React from 'react';

class App extends React.Component {
    constructor(props) {
      super(props);
      this.state = {value:0};
    }

    handleButtonClick(event)
    {
        console.log("click");
        this.setState( state => ({
            value:state.value + 44

        }));
    }

    render() {
      return (
        <div>
            <div>
            <a>asd</a>
            <p>asssd</p>
        <input></input>
          <button onClick={this.handleButtonClick.bind(this)}></button>
            2<div>{this.state.value}</div>
            </div>
        </div>
      );
    }
  }

export default hot(App);

Answer 1

Плагин реагировать на горячую перезагрузку и бабель предназначен для быстрой разработки. Это позволяет обновлять сценарии, которые были недавно изменены, без необходимости обновления sh приложения / страницы. Это не требуется никакими средствами, но позволяет разработчикам быстро выполнять итерации и просматривать изменения своего кода без потери состояния в памяти.