Что такое Coroutines?

Почему используется hot reload в Flutter

Hot reload — одна из самых мощных возможностей Flutter, которая значительно ускоряет разработку.

Определение

Hot reload — это функция, которая позволяет видеть изменения в коде на работающем приложении за миллисекунды без перезагрузки приложения.

Как это работает

1. Вы меняете код в IDE
2. Нажимаете save (Ctrl+S)
3. Dart VM переинжектирует измененный код в работающее приложение
4. Приложение обновляется, но state сохраняется
5. Все это происходит за 50-200ms

Преимущества hot reload

1. Скорость разработки

Без hot reload:

• Измени код → compile → deploy на device → дождись загрузки (5-10 секунд)
• Повтори 50+ раз в день
• Потеря 8+ часов в день на ожидание

С hot reload:

• Измени код → save → вижу результат (0.1 секунды)
• Продуктивность возрастает в 50x раз

2. Сохранение состояния

class CounterWidget extends StatefulWidget {
  @override
  State<CounterWidget> createState() => _CounterWidgetState();
}

class _CounterWidgetState extends State<CounterWidget> {
  int counter = 0;
  
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text('Count: $counter'),
        ElevatedButton(
          onPressed: () => setState(() => counter++),
          child: Text('Increment'),
        ),
      ],
    );
  }
}

// Сценарий:
// 1. Нажимаешь кнопку 5 раз → counter = 5
// 2. Меняешь 'Increment' на 'Add One'
// 3. Hot reload
// 4. Counter все еще = 5!
// 5. Видишь новый текст на кнопке

3. Итеративная разработка UI

// Было: много раз перезагружать приложение
class MyButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      style: ElevatedButton.styleFrom(
        backgroundColor: Colors.blue,
        padding: EdgeInsets.all(16),
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(8),
        ),
      ),
      onPressed: () {},
      child: Text('Press me'),
    );
  }
}

// Ты можешь менять стили и видеть результат мгновенно:
// backgroundColor: Colors.blue → Colors.red → Colors.green
// padding → margin → padding
// borderRadius: 8 → 12 → 20
// Все за секунды вместо минут

4. Экспериментирование без страха

Можешь быстро пробовать разные подходы:

• Разные макеты
• Разные анимации
• Разные цветовые схемы
• Разные шрифты

Когда hot reload НЕ работает

Hot reload работает для:

• Изменения UI кода
• Изменения в функциях
• Изменения в логике
• Изменения в переменных

Hot reload НЕ работает для:

• Изменения сигнатур функций
• Добавления новых переменных в state
• Изменения типов переменных
• Добавления новых классов
• Изменения аннотаций (@override, etc.)

Тогда используется hot restart (полная перезагрузка).

Hot Reload vs Hot Restart

Hot Reload (r в flutter run):

• Переинжектирует код
• Сохраняет state
• 50-200ms
• Работает для большинства изменений

Hot Restart (R в flutter run):

• Полная перезагрузка приложения
• Состояние сбрасывается
• 2-5 секунд
• Нужен для структурных изменений

Как использовать

# Запуск с поддержкой hot reload
flutter run

# Во время работы приложения:
# r → hot reload
# R → hot restart
# d → detach
# q → quit

Пример разработки с hot reload

// 1. Создал кнопку
ElevatedButton(
  onPressed: () => print('Clicked'),
  child: Text('Click me'),
)

// Hot reload → видишь кнопку на экране

// 2. Хочу сделать ее краснее
ElevatedButton(
  style: ElevatedButton.styleFrom(backgroundColor: Colors.red),
  onPressed: () => print('Clicked'),
  child: Text('Click me'),
)

// Hot reload → кнопка красная

// 3. Хочу добавить иконку
ElevatedButton(
  style: ElevatedButton.styleFrom(backgroundColor: Colors.red),
  onPressed: () => print('Clicked'),
  child: Row(children: [Icon(Icons.favorite), Text('Click me')]),
)

// Hot reload → кнопка с иконкой

Все это за 3-4 секунды вместо 30 секунд перекомпиляции!

Зачем это Dart, а не другие языки

1. JIT компиляция — Dart компилирует во время разработки
2. Изолированная VM — Можешь заменить части кода без перезагрузки
3. Дизайн языка — Dart специально создан для hot reload
4. Flutter требует скорости — Мобильный UI требует быстрой итерации

Заключение

Hot reload — это not just a feature, это fundamental part of Flutter development. Без него разработка была бы в 10x медленнее. Это одна из главных причин, почему Flutter так популярен для UI разработки.