Vite + MODX CMP, как избавиться от ExtJS и жить дальше с комфортом в разработке

В данном видео мы посмотрим как можно избавить себя от использования ExtJS при разработке компонентов и начать применять современные реактивные фреймворки, такие как Vue, React, Svelte и другие.

Если видео было полезным, пишите комментарии, сделаю ещё одно о том, как использовать Vite для разработки уже клиентской части сайта, то есть как замену Gulp и Webpack

Семён Кудрявцев

22 февраля 2023, 18:54

1 471

+30

Комментарии: 31

Иван Бочкарев

22 февраля 2023, 19:25

Пиши новую часть сразу 😀. Не томи ожиданием

Александр Туниеков

23 февраля 2023, 08:12

Обычно в админке данные из бд надо редактировать. Как это сделать никак не понятно :-(

Николай Савин

23 февраля 2023, 09:55

Так же как и в обычном режиме, на основе extJS.
Дергать нужные процессоры (по вкусу просто PHP файлы вызывать), которые уже имеют связь с базой данных и выполняют необходимые операции (Получение, Удаление, Редактирование, Добавление записи)

Александр Туниеков

23 февраля 2023, 12:07

Я во vue и т.д не силен. Что дергать процессоры понятно. Не понятно как их дергать. И как например в vue отобразить таблицу из базы.

Николай Савин

23 февраля 2023, 12:10

Это конечно базовые, более ранние вопросы. Если они возникают — В таком случае было бы полезно подтянуть знания по VUE, как по самостоятельному фреймворку и не пытаться дружить его с MODX.

Александр Туниеков

23 февраля 2023, 12:37

-5

Так гики пишут сайты и на MODX и с vue. А потом владельцы просят у меня что-нибуть поправить, а там куча не понятного кода на vue. Я так подозреваю что програмистов что дружат и с MODX и с vue сильно меньше чем просто програмистов MODX. В итоге, плодяться сайты, которые некому поддерживать. Так что прежде чем рекламировать реактивные фреймворки надо бы объяснить как с ними работать в среде MODX. Я ожидал пример компонента на vue и vite, а получил просто рекламу vite. Что типа вот как тут удобно. Был бы полноценный пример можно было бы въезжать как делать компоненты с vite. А так стотья ни о чем и даже вредная.

Николай Савин

23 февраля 2023, 12:42

VUE и Vite это современные, актуальные технологии с которыми работает весь мир.
Семен показал что они могут быть использованы, в том числе и внутри админки MODX.
Никто не отрицает того, что для этого нужно знать стек и уметь пользоваться этими технологиями.
Я вижу здесь карту направлений саморазвития программиста, вы видите вред.
Каждый смотрит в меру своего потенциала. Каждый по своему прав.

Александр Туниеков

23 февраля 2023, 12:57

Я вижу вред владельца сайтов. Их сайты никто поддерживать не будет. Vue при желании изучить можно, но не факт что нужно. Он низкоуровневый и делай на нем что хочешь и летать будет, но сделать магазин это километры самописного кода, как например в статье из 19 частей Магазин на JavaScript, часть 11 из 19. Потерял контакт с разработчиком и сайт переписывать с нуля. VUE имеет смысл использовать если только он станет частью MODX или минишопа.Каким-то стандартным кодом используемым в многих проектах. А так гики творят что захотят и получаются километры самописного кода которые легче выбросить чем изучить.

Артур Шевченко

23 февраля 2023, 13:23

Сёмен предлагает использовать Vite для разработки компонентов, т.е. готовых решений, какая разница владельцу сайта какие технологии использует компонент, если он стабильно работает? У меня за 4 года работы с Modx если и были задачи на изменение админки, то я либо выносил нужные функции на фронт, либо писал свой компонент на чистом JS, потому что разбираться в ExtJs я не хочу, он не актуален. Уже есть компоненты на Vue и в этом нет проблемы, так как необходимости менять интерфейс стороннего компонента в 99% случаев нет, все доработки относятся в основнов к php и api Modx.

Александр Туниеков

23 февраля 2023, 13:44

Мне мои компоненты часто требуется редактировать. А вот сторонние компоненты для админки не помню чтоб редактировал. Может для сторонних и не требуется. А вот корзину для минишопа написали на vue. Ее пришлось выкидывать. Вообще я не за ExtJs. Его можно и сменить. Можно и на vue, но не так чтоб каждый творил что хотел, а чтоб какая-то стандартная экосистема была.

Артур Шевченко

23 февраля 2023, 13:51

Корзина минишопа это фронт. Я согласен, что переписывать на vue корзину, которая и так работает странно, но если разработчик согласовал это с заказчиком, то почему нет? На фронте вообще каждый творит, что хочет. Вы же не будет возмущаться, если кто-то сделает слайдер на BX Slider вместо Swiper. Так чего же того возмущаться по поводу использования Vue?

Александр Туниеков

23 февраля 2023, 14:54

Когда много не понятного кода я возмущаюсь :-). Ленивый я. Когда 5 минутная задача превращается в два дня разборок в коде мне это не нравиться :-(

Raimei

23 февраля 2023, 13:27

Уж лучше я поковыряю чужой код на Vue, изучив его и, возможно, применю знания в другом проекте, нежели буду тупить с ExtJS 3-ьей версии который нафиг никому не нужен, попутно выделывая акробатические движения с костылями.

UPD: сорян, не тому ответил, но суть не меняется.

Александр Туниеков

23 февраля 2023, 13:49

Я с extJs уже давно разобрался. Как Наумкин свои уроки выложил. Конечно ExtJs устарел и его заменить на что-нибудь актуальное, но и на разброс от ангуляр, реакт, vue тоже соглашаться не охота.

Баха Волков

23 февраля 2023, 10:36

Автору лайк, стелит ровно 😉

Николай Савин

23 февраля 2023, 11:16

Семен вообще записывает пожалуй лучшие материалы этого форума. Жаль только редко. Это кажется второй материал за полгода

Alexander V

23 февраля 2023, 19:02

А что не так с ExtJS? Вроде работает.

Артур Шевченко

23 февраля 2023, 19:18

Работает, но развивается ли?

Alexander V

23 февраля 2023, 19:20

Так админка на нём. Какая разница? Её же не выкинут.

Артур Шевченко

23 февраля 2023, 19:55

Не выкинут, к сожалению, но это не значит, что все обязаны делать компоненты на нём.

Alexander V

23 февраля 2023, 19:57

Понятно. Значит ждем зоопарк.

Артур Шевченко

23 февраля 2023, 19:58

Уже.

Алексей Смирнов

23 февраля 2023, 22:10

Спасибо, Семен, за пошаговый разбор в подключении. Особенно понравился как хитро в режиме разработки это все колосится… ПЕСТНЯ!
По поводу всяких зоопарков и прочей ереси, любовь-не любовь к EXTjs. Ребята, MODX достаточно свободная система со своими нюансами. Никто не принуждает использовать вас какие-то плюшки. Нравиться кодить в extjs — пожалуйста, vue — Пожалуйста.
Боятся, бороться, сомневаться за общий стиль с extjs дело каждого. Я считаю наоборот — приложуха будет выделяться визуально и перепутать с ходу разные пакеты чисто визуально уже будет сложно (это как один из примеров).
По дальнейшей поддержке… ну если автор на vue забилдит и не оставит исходников — это конечно западня, но это очень редкие и частные случаи, и тем людям просто «повезло» нарваться на такое.
Потому что по хорошему если под проект делается на стороннем js фреймворке app, и это не платный пакет, то думаю, разработчик должен оставлять исходники чтобы после него могли дорабатывать сайт. Если он не оставляет, значит, такой разработчик и обстоятельства… Всем не угодишь.
Так что все будет хорошо. Плохого точно будет меньше. И даже забилденный js, если ооочень сильно припрет можно поправить, так что это дело всего лишь компетенции владения знаниями.

Stepan

07 марта 2023, 10:04

я не то, чтобы качнуть… но давайте посмотрим с другой стороны. Конечно чтобы нарастить уникальности себе и своему расширению — то всегда нужно пользовать то что не было заложено в ядро — тогда ты уникален и иногда дороже.
Но теперь вернемся к реалиям: самый простой пример расширение полей в заказах minishop. И вот тут мы приходим к тому что нам нужно понять стек и мысли реализации одинокого программиста(дай бог что будет все собираться по канонам)… ну такое…
я за развитие стандартизации и описалова возможностей того что идет из коробки.
ЗЫ. Я сам любитель странного, но восхищаться этим не стоит.
ЗЫЗЫ. это все хорошо живет в отдельном окошке, а если модифицировать например карточку ресурса то прийдется однофигово дружить носорога с лягушкой.

Алексей Смирнов

07 марта 2023, 12:14

Не понятна отсылка к минишопу. Он же на extJS по стандартам вроде как. Что к чему?
Если есть недовольства — иссушка даже принимается не то что PR. )
А вообще если на том же vue хорошо спроектировать, продумать, то будет работать это все не только на extJS но и на любом другом фреймворке.
Да и я про стандарт написал в посте, но если разработчик не соизволит нормально сделать, то есть стандарт или нет стандарта — пойдет все по сливной канаве как не крути-верти.
А восхищаться буду, ибо мало вообще кто-то способен для MODX что-то привнести новое. Частенько только и слышится что-то похожее на охи-ахи.

Stepan

07 марта 2023, 13:13

В том-то весь и прикол что сделано по стандартам и потому доработка возможна и не затратна, а вот будет ли гибкость и надстройка для всех возможных венигретов? Именно за это и говорил.

По суть по extJS в MODX не все расписано… Поймите меня правильно чем больше документации и всяких HOWTO стандартных решений тем проще будет вход.

Если делать круто, но очень кастомно, то получаем «Гикдвиж» и «WP на минималках», вместо нормальных решений на MODX.

Не наращивайте сущностей, они увеличивают энтропию.

Stepan

07 марта 2023, 14:10

Ну и в догонку, а каким макаром собрать транспортный пакет тогда
я понимаю что можно все это разложить в обычный билдер расширения ModExt, но тогда пропадает вся магия «реактивного коддинга»…

ЗЫ еще меня очень беспокоит работа всего этого по сокету… ну вот прям такое… 512Kb на 1 подключение…
хотя это для PHP, как там с этим у NodeJS обстоит я не в курсе.