Команда Livewire оголосила, що Livewire 4 офіційно вийде наступної середи. Щоб заінтригувати, опубліковано відео, яке показує одну з новинок Livewire 4: wire:transition — функцію, що суттєво спрощує анімації інтерфейсу.
# Простi та потужні анімації з wire:transition
Анімації традиційно були однією з найнеповоротніших частин розробки реактивних інтерфейсів. Livewire 4 прагне позбутися цього клопоту.
Нова директива wire:transition дозволяє легко додавати плавні декларативні переходи, коли елементи з’являються або зникають із DOM. Замість ручного підключення JavaScript hooks або координування CSS classes, Livewire бере на себе всю важку роботу.
У прев’ю-відео функцію називають «неймовірно простою й потужною», а приклади демонструють, наскільки чистим і читабельним може бути код анімацій інтерфейсу, якщо переходи вбудовані прямо у фреймворк.
# Початок роботи з Livewire 4
За словами Caleb, реліз Livewire 4 «стає тільки кращим», і він жартома додав, що йому шкода тих, хто ще користується Livewire v3.
Усі нові функції, включно з wire:transition, вже доступні в сьогоднішній бета-версії — можна випробувати їх до офіційного запуску наступного тижня.
Щоб ознайомитися з Livewire 4, документація уже опублікована і містить повний quickstart-гайд.