Рано или поздно все разработчики сталкиваются с необходимостью синхронизировать изменения моделей бакенда и фронта. В работе доводилось использовать два таких инструмента:

💙Reinforced.Typings - отличная штука, работает как часы и использовал долго. Но судя по всему проект заброшен больше года назад и с новыми типами record он работает странновато, однако вполне предсказуемо, добавляя в каждую генерируемую модель из record свойство equalityComparer - это не лечица штатными средствами, а лезть внутрь, править и форкать проект - лень.

💙TypeGen - новая и удобная штука. Тоже не без недостатков - например он генерит по принципу "одна модель/один файл" и мне так и не удалось играми с конфигом хотя бы разнести их по namespace'ам - результаты этих игрищ были больше похоже на баг внутри пакета, который уже задокументирован но ещё не починен. Также в доке почему-то обошли вниманием, что чтобы это всё взлетело надо сделать dotnet tool install --global dotnet-typegen - иначе некому будет генерить модели :) В настоящее время использую этот пакет, пока ничего критичного/мешающего не нашёл.

#dotnet #ts

Сегодня несколько UI-фреймворков для Vue 3:

💙BalmUI - по стилизации похож на Vuetify и MaterialUI, но внутренности сделаны значительно более человечески и логичнее, чем в Vuetify. Есть всё что полагается нормальному UI-фреймворку (включая валидатор для input'ов) + есть WYSIWYG editor и даже собственный state manager (аналог vuex).

💙Buefy - основанный на Bulma, кастомизируемый, хорошо стилизованный, есть всё что надо, прекрасный фреймворк, который я использовал во множестве проектов, но... Vue 2 only 😳

💙Element Plus (бывший Element для Vue 2) - вот этот фреймворк и выступил заменой Buefy для меня, когда пришла пора портировать или стартовать новые проекты на Vue 3. Из некоторых недостатков - отсутствует fixed-top-bar меню в комплекте (но решается стилями), а также layout el-row/el-col на 24 столбца (а не традиционных 12). Но в отличие от Buefy есть штатный валидатор полей, удобный практически как Vuelidation. В целом отличная штука, рекомендуется :)

💙Oruga - по первому рассмотрению также выглядит интересно и есть всё что надо для любого сайта, кроме валидации полей.

💙Primevue - ещё более интересный фреймворк, который имеет уже два десятка опциональных цветовых тем, которые можно легко подключить и использовать. Из отличительных штук, которые не всегда есть в UI-фреймворках: контекстное меню (которое можно прибиндить к элементу), штук 6 разных меню на любой чих, графики на основе Chartjs, многоуровневые таблицы и виртуальный скроллер и интегрированный Vuelidate. Подозреваю, что это следующий кандидат на использование в новых проектах.

💙Vant - очень маленький по размеру UI-фреймворк, ориентированный на мобильные устройства и имеющий специфичные элементы - pull refresh, swipe cell, sticky elements.

💙View UI Plus - ещё один симпатичный UI-фреймворк от китайских товарищей. Также по первому рассмотрению есть всё что надо для работы, включая date/time-pickerы, uploader'ы и т.д. Сам фреймворк бесплатный, а вот темы к нему стоят денег (как в Primevue). Ну ок, надо же на чём-то зарабатывать :)

#js #ts #vue