Коржик
Господи, да я прошуровал весь туториал в поисках описания функции и нет там нормального объяснения. В yotube нашел у одного индуса как он transitions использовал с помощью setInterval(). Мне такая байда не понравилась, вот я и задался вопросом, что там с необходимостью использовать блок if. Вот и всё!
Важно понимать зачем нужны транзишены в свелте. Не для того чтобы навесить любую анимацию на любой элемент. Для этого есть CSS, но чего CSS не может, так это анимировать появление и исчезновение элементов из дом - имменно эту часть закрывают транзишены Svelte. Ну и второе что нужно понимать - в свелте и других компонентных фреймворках не принято напрмую управлять элементами, все что попадает в DOM основанно на стейте компонента, поэтому в вашем случае нужен стейт который управлет показывать или нет элемент - например let showPreloader = true. В шаблоне соответственно {#if showPreloader}<div transition:fade>...</div>{/if}. И все - про шаблон забываем, теперь мы управляем только стейтом, т.е. в нужный момент присваиваем showPreloader false или true