Используем готовые стейт машины для UI компонентов

Библиотека zagjs предоставляет готовые конечные автоматы для самых популярных UI-элементов, которые можно встретить на многих сайтах. На примере числового поля ввода разбираемся как можно использовать данный функционал.
Ссылки к видео:
zagjs.com/
state-machine-viz.vercel.app/...
ark-ui.com/
Код из видео:
github.com/michey85/zag-start
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep

[@user-hi6mo5bm4h]

Вижу Михаила - ставлю лайк

[@danielkhachaturian]

Не вижу Михаила - всё равно ставлю лайк

[@Abilovv599]

Пофакту Михаил лучший

[@victormog]

Очень интересно! Спасибо!!!

[@_Black_Mirror_]

спасибо за видео. тема headless components очень интересна

[@user-oy8ep9nj8c]

Непростительно мало активности в комментах. Библиотечка крутая, стащу поиграться. Спасибо!

[@makarov.1996]

самому как будто легче написать) чем использовать сторонние зависимости)

[@Nikitosss91]

Привет, Михаил, как всегда топ контент! Ток что-то микро сильно по ушам бьет сегодня😅

[@egolege]

Спасибо! Расширяет кругозор

[@AndreiTolstoi]

интересно, но пока выглядит как оверижиниринг. не понятно куда пристроить...

[@makeouthell1644]

А что за тема у вас стоит на вскоде Михаил ? очень круто смотрится

[@mishanep]

CodeSandbox Black 2021

[@atomix8159]

Михаил, если не секрет, скажи как называется розширене для выделения расстояния таб-отступа при нажатии на начало строки?

[@proletarian]

chakra one love

[@alekseykurylev]

React Aria от Adobe тоже очень похожа

[@shakapaker]

да мне кажеться это типо того с хуками

[@daniil7243]

Добрый день,не планируете сделать курс от jonior до middle?

[@mishanep]

Здравствуйте. Не планирую. В моем понимании это не один курс, а набор из пяти-шести. Да и миддл, это про опыт во многом, помимо изучения нового и закрытия пробелов. Посмотрите в сторону frontendmasters, у них есть ветки курсов - для начинающих, продолжающих или экспертов. Возможно это то, что вы ищите.

[@daniil7243]

@@mishanep Спасибо за ответ!

[@vladimirmuratov2220]

Добрый день, Михаил! Вопрос не по теме. С удивлением обнаружил что в моей любимой Chakra UI нет карусели 😢 Покопался в интернете - ничего не понравилось. Можете что-то посоветовать? Какой вариант вы используете?

[@mishanep]

Приветствую. По-разному бывает. Swiper хороший. Можно и самому заморочиться, с тем же framer motion, у них в доке был пример простой реализации.

[@vladimirmuratov2220]

@@mishanep Спасибо за совет. Swiper подошел 🙂

[@mr.zxzxzxz3816]

Михаил, актуально ли учить RTK зная что есть такие инструменты?)

[@mishanep]

Актуально. Они отлично сочетаются.

[@danielkhachaturian]

что это?

[@mr.zxzxzxz3816]

@@danielkhachaturian редакс мать его тулкит

[@pavlyutkin]

Кажется, не плохое решение, особенно когда надоели UI библиотеки типа ant

[@en_kratia]

zag пишет, что они еще beta, в продакшн рано использовать?

[@mishanep]

На свой страх и риск =) Она уже больше года в бете висит. За это время они и базовое api успели поменять и новых стейт-машин добавить. Выглядит так, что развиваться будет.

[@Taiga_libertarian]

Потихоньку подбираемся к noCoding

[@shakapaker]

лол я думал это будет типо XState

[@germanfomenko4674]

не понимаю зачем оно надо, если лучше самому написать именно то что тебе нужно.

[@houston_np]

Ну большие формы всякие, таблицы. Да много где внутри команий. Для конечно пользователя кнчн не особо нужно.

[@sharkman6434]

​@@houston_npподдерживает виртуализацию ?