<b>7 ошибок в Svelte, которые тихо ломают производительность и логику</b>

<b>7 ошибок в Svelte, которые тихо ломают производительность и логику</b>

Svelte любит простоту, но именно поэтому в нём легко пропустить дорогую мелочь. Заходит код чисто, а потом внезапно растёт число перерендеров, теряются реакции или UI ведёт себя не так, как ожидали.

— Меняете объект или массив «внутри» без присваивания: Svelte не увидит изменение, если не сделать <code>state = state</code> или новое присваивание.
— Держите слишком много логики в шаблоне: вычисления в разметке быстро превращаются в нечитаемый слой, лучше выносить в <code>derived</code> значения или функции.
— Используете <code>{#each}</code> без стабильного ключа: при перестановках список может вести себя странно, особенно с инпутами и локальным state.
— Подписываетесь на store вручную и забываете отписку: утечки в Svelte случаются реже, чем в React, но этот класс ошибок никуда не исчезает.
— Путаете локальный state и props: если значение пришло сверху, не пытайтесь лечить его как независимую копию без явной синхронизации.

Есть наблюдение которое стоит проверить: чем меньше «магии» в компоненте, тем легче Svelte раскрывается. Держите один источник правды для данных, ключуйте списки и не прячьте логику в разметке. Тогда код остаётся коротким, а поведение — предсказуемым.