(И вернемся к обычному программированию с моими скромными извинениями за то, что прервал поток бессмысленного технодетрита тривиальными вопросами социальной справедливости.)

Я веб нуб. Недавно я написал веб-приложение. Это одностраничная прогрессивная вещь, и я многому научился в веб-разработке. Некоторые мысли…

Одним из аспектов, который мне действительно нравился, было использование веб-компонентов. Вы можете быть удивлены, узнав, что я не говорю о Polymer, Angular, React или любых других вызывающих дрожь фреймворках. Они кажутся мне слишком тяжелыми, ограничительными и предписывающими. Для своих веб-компонентов я использую штуку под названием Vue.js.

Я даже не использую Vue так, как его рекомендуют авторы. Я не создаю файлы .vue и пропускаю исходный код через какой-нибудь трансформер для их компиляции, где компиляция просто разбивает и нарезает файлы. О, я понимаю схему. Это не новая идея — придумать блестящий скачок: О, черт возьми, собрать весь MVC в одном месте вместе. и я даже согласен с предпосылкой, например. PyGTKHelpers делает то же самое для GTK с типом Delegate.

Но наверняка этим «местом» должен быть только HTML-документ, javascript и css? Я действительно должен повторить это предложение, потому что я так увлечен этим.

У нас есть способы определения разметки, например: HTML. Чистый обычный HTML. Пробовал, тестировал, поддерживается во всех браузерах (последний раз проверял).

Затем у нас есть еще один замечательный механизм для импорта javascripts в спецификацию HTML. Опять же, все браузеры его поддерживают.

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

Это веб-черт возьми, я должен иметь возможность запустить локальный веб-сервер и просто указать на него в своем браузере. Rollup, Browserify и Webpack (который я не могу перестать называть «We B’ Pack») кажутся замечательными инструментами, но забудьте об этом дерьме для моего крошечного приложения. Особенно во время разработки всегда должно работать обновить страницу → увидеть изменения.

Я помещаю свои шаблоны в свой файл HTML и загружаю их из Javascript. Это все. Работает каждый раз.

Как? Учитывать:

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

Конечно, вышеприведенный компонент не будет работать без сопутствующего Javascript, но то, что я узнал, и то, что я хочу убедиться, что все, кто не занимается веб-разработкой, знают, что объем Javascript, который вам действительно нужен, ниже, затем вы добавляете к нему свою функциональность:

Чтоооо? Правильно. Только HTML и Javascript, как и задумывалось в Интернете. И этот пример был бы короче, если бы в нем не было обработки состояния и динамического содержимого.

Я не настолько наивен, чтобы думать, что однажды мне не нужно будет разделять свою работу на файлы, поскольку она становится невыносимо сложной, но я бы предпочел разделить их на новые файлы HTML, js и css. Я почти уверен, что Vue меня покрывает, но сама веб-платформа, безусловно, делает. Кроме того, я вообще не против больших файлов — у меня есть хороший текстовый редактор, и я умею им пользоваться.

Итак, чему я научился?

  • Я использовал вещь как библиотеку. Он не делал никаких предположений ни о чем другом в моем приложении. Фреймворк плохой, библиотека хорошая.
  • Али любит Интернет.

Спасибо за чтение.