В чем разница между StatefulWidget и StatelessWidget в Flutter?

Слушай, а вот это реально важная тема, про которую новички постоянно ебут мозг. Flutter — он вроде как простой, но если не понять эту разницу между виджетами, то приложение будет тормозить так, что хуй с горы догонишь.

StatelessWidget — это как будто ты распечатал фотографию на принтере. Раз повесил на стену — и всё, она не меняется. Виджет тупо рисуется один раз на основе тех данных, которые ему скормили при создании. Никаких внутренних переменных, которые могут поменяться. Всё через final поля. Идеально для всякой статики: заголовков, иконок, картинок, отображения готовых данных.

Вот смотри, как я обычно юзаю:

// Просто показываю профиль юзера. Пришло имя, возраст, аватарка — отрисовал и забыл.
class UserProfile extends StatelessWidget {
  final String userName;
  final int userAge;
  final String avatarUrl;

  const UserProfile({
    required this.userName,
    required this.userAge,
    required this.avatarUrl,
  });

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        CircleAvatar(backgroundImage: NetworkImage(avatarUrl)),
        Text('Имя: $userName'),
        Text('Возраст: $userAge'),
      ],
    );
  }
}

Всё, блядь. Создали — и он как каменный. Хоть сто раз перестраивай дерево виджетов, если данные те же — Flutter его даже перерисовывать не будет, умный же. Производительность — овердохуища.

А вот StatefulWidget — это уже полная противоположность, ёпта. Это как живой организм, у которого есть память и состояние, которое может меняться. Он состоит из двух частей: сам виджет (который тоже immutable) и отдельный объект State, который живёт дольше и может держать в себе изменяемые данные. Без него ни одна кнопка, ни один текстовый поле, ни одна анимация не работают.

// Допустим, делаю анимированный счётчик. Без состояния тут нихуя не получится.
class AnimatedCounter extends StatefulWidget {
  final Duration animationDuration;

  const AnimatedCounter({required this.animationDuration});

  @override
  _AnimatedCounterState createState() => _AnimatedCounterState();
}

class _AnimatedCounterState extends State<AnimatedCounter> 
    with SingleTickerProviderStateMixin {
  int _count = 0; // Вот она, переменная-состояние! Меняется.
  late AnimationController _controller; // И это состояние.

  @override
  void initState() {
    super.initState();
    _controller = AnimationController(
      duration: widget.animationDuration, // Смотри, к виджету обращаюсь через widget.
      vsync: this,
    );
  }

  void _increment() {
    // Магия происходит здесь! Вызвал setState — сказал фреймворку: "Чувак, данные поменялись, перерисуй кусок интерфейса".
    setState(() {
      _count++;
      _controller.forward(from: 0);
    });
  }

  @override
  Widget build(BuildContext context) {
    return ScaleTransition(
      scale: _controller,
      child: ElevatedButton(
        onPressed: _increment, // Нажал — состояние изменилось.
        child: Text('Счет: $_count'),
      ),
    );
  }

  @override
  void dispose() { // Не забывай убирать за собой, а то утечки памяти будут — потом волнение ебать.
    _controller.dispose();
    super.dispose();
  }
}

Так в чём, блядь, главная соль, исходя из моих шишек?

1. Производительность. Stateless — легче пуха. Flutter его оптимизирует по полной. Stateful — тяжелее, у него куча наворотов (lifecycle), которые надо обрабатывать. Если юзать его там, где можно обойтись Stateless — сам себе злой буратино, приложение будет бздеть.
2. Предсказуемость. Stateless виджет — он как функция: одинаковые данные на входе = одинаковый вид на выходе. Его проще тестировать и отлаживать. С Stateful уже можно навернуться, если состояние размазано где попало.
3. Когда что использовать. Всё просто, ёпта.
   • Stateless: Картинка, текст, иконка, любая хуйня, которая просто показывает данные. Данные пришли сверху (из родителя) — он их отобразил.
   • Stateful: Всё, что меняется само по себе или от действий пользователя. Текстовое поле (введённый текст), чекбокс, слайдер, таймер, анимация, любая форма.
4. Тренды. Раньше StatefulWidgetов было дохуя. Сейчас умные дяди придумали провайдеры (типа Provider, Riverpod). Суть в том, что состояние выносится вовне, а виджеты становятся в основном Stateless и просто подписываются на эти внешние данные. Это, блядь, архиважно! Так код чище, переиспользуемее и тестируемее. StatefulWidget теперь часто — это просто обёртка для какого-нибудь контроллера анимации, а вся бизнес-логика живёт отдельно.

Короче, правило такое: сначала думаешь — "а можно ли это сделать Stateless?" Если да — делай так. Stateful — только когда без него реально никуда. Тогда и приложение летать будет, и голова болеть меньше.